文档章节

js页面动态效果

bithup
 bithup
发布于 2017/05/04 11:22
字数 138
阅读 3
收藏 1
//下拉框动态效果
            var num;
            $('.nav_main>li[id]').hover(function(){
                /*下拉框出现*/
                var Obj = $(this).attr('id');
                num = Obj.substring(3, Obj.length);
                $('#box'+num).slideDown(300);
                $(this).addClass("cur").siblings().removeClass("cur");
            },function(){
                /*下拉框消失*/
                $('#box'+num).hide();
            });
            $('.hidden_box').hover(function(){
                $(this).show();
            },function(){
                $(this).slideUp(200);
            });
            $(".list>ul>li").click(function(){
                var index=$(this).index();
                $(".list>ul>li").eq(index).addClass("cur").siblings().removeClass("cur");
     
            });

页面滑动js插件swiper.min.js

    window.onload = function() {
        var mySwiper1 = new Swiper('#header',{
            freeMode : true,
            slidesPerView : 'auto',
        });
        var mySwiper3 = new Swiper('#menu_swiper',{
            freeMode : true,
            slidesPerView : 'auto',
        });
    }
$.each(weekList,function (i,item){});

$(".fulled").attr("disabled","disabled");

$("#allData div").on("click",function () {});

$(".right_wrap ul li:not(.fulled)").on("click",function(){});

$(this).hasClass("seled");

$(this).toggleClass("seled");

 

© 著作权归作者所有

共有 人打赏支持
bithup
粉丝 8
博文 101
码字总数 82172
作品 0
西城
程序员
面试 | Ajax进阶----jQuery中的Ajax(下)

剩下的两个API: 1.$.getScript()是动态获取js代码的 有时候我们看到在网上看到的一些效果,找不到对应js文件,那就说明有可能是动态获取js代码了。 $.getScript(url,callback) - 动态读取脚...

一个敲代码的前端妹子
06/28
0
0
javascript性能优化:创建javascript无阻塞脚本

  javaScript 在浏览器中的运行性能,在web2.0时代显得尤为重要,成千上万行javaScript代码无疑会成为性能杀手, 在较低版本的浏览器执行JavaScript代码的时候,由于浏览器只使用单一进程来...

grootzhang
2016/04/13
0
0
67 个节省开发者时间的实用工具、库与资源(前端向)

在这篇文章中,我不会与大家谈论大型的前端框架,如 React、Angular、Vue 等,也没有涉及那些流行的代码编辑器,如 Atom、VS Code、Sublime,我只想与大家分享一个有助于提升开发人员效率的工...

张孝国
06/26
0
0
通过延缓执行 JavaScript 提升网页加载速度

简介 延缓执行 JavaScript 是一个能有效提高网页加载速度以及提升用户阅读体验质量的途径。从实际经验来看,将我们的网站从经济实惠的 VPS 迁移到 Softlayer(美国著名的一个数据中心)独立服...

peterzhu0825
2012/05/23
0
0
JavaScript的基本使用

一、JavaScript的简单介绍   JavaScript是一种属于网络的脚本语言(简称JS),已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaS...

码农47
03/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

angular 解决其他电脑不能访问的问题。

ng serve --host 0.0.0.0 --disable-host-check

miaojiangmin
今天
1
0
优酷视频文件怎么转换格式

  以前在优酷上下载视频都只是在手机上观看,但随着科技的发展,对于视频的要求也逐渐增多,不再只是观看视频那么简单,在精彩的部分还会将其单独分割出来,然后进行视频剪辑,可以做出我们...

萤火的萤火
今天
0
0
数据结构:散列

在一个数据结构中查找key元素,用顺序查找、二分查找都需要经过一系列关键之比较才能查找到结果,平均查找长度与数据量有关,元素越多比较次数就越多。 如果根据元素的关键字就能知道元素的存...

京一
今天
0
0
Apache RocketMQ 正式开源分布式事务消息

近日,Apache RocketMQ 社区正式发布4.3版本。此次发布不仅包括提升性能,减少内存使用等原有特性增强,还修复了部分社区提出的若干问题,更重要的是该版本开源了社区最为关心的分布式事务消...

阿里云云栖社区
今天
30
0
使用JavaScript和MQTT开发物联网应用

如果说Java和C#哪个是最好的开发语言,无疑会挑起程序员之间的相互怒怼,那如果说JavaScript是动态性最好的语言,相信大家都不会有太大的争议。随着越来越多的硬件平台和开发板开始支持JavaS...

少年不搬砖老大徒伤悲
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部