文档章节

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
浏览器调试怎么知道点击当前按钮调用了哪个点击事件的函数?

一个页面嵌套了很多页面,自己也引入了很多js,嵌套的页面也引入了无数的js,还有各种js框架。一个按钮点击后会有很多动态效果,但是我不知道执行的是哪里的js。按钮里没有调用的函数名,通过...

颖辉小居
09/25
0
1
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

没有更多内容

加载失败,请刷新页面

加载更多

关于Excel表格导出方法--application/vnd.ms-excel

关于Excel表格导出方法--application/vnd.ms-excel 由于本人所做的项目中需要用到两种将JSP页面table导出到Excel表格的方法(老板也是坑爹),一种是在后台操作数据库来实现,比较简单。由于...

DemonsI
25分钟前
2
0
springboot配置读写分离

我不提供内容,我只是好文章的搬运工 https://www.cnblogs.com/wuyoucao/p/9610882.html

颖辉小居
29分钟前
2
0
Spring 传参

spring传参之@RequestParam注解 @RequestParam注解有三个参数分别是: value、 required、 defaultValue 代码: @RequestMapping(value="test1", method = RequestMethod.GET) public String......

休辞醉倒
30分钟前
2
0
go http 框架性能大幅下降原因分析

最近在开发一个web 框架,然后业务方使用过程中,跟我们说,压测qps 上不去,我就很纳闷,httprouter + net/http.httpserver , 性能不可能这么差啊,网上的压测结果都是10w qps 以上,几个m...

鼎铭
31分钟前
11
0
GCC编译过程记

GCC编译过程记 一、引言 对于编程工作者来说,GCC是一个熟悉的名字,它的全称是“GNU Compiler Collection”。GCC是一组编译器集合,目前其支持C、C++、Objective-C、Objective-C++、Go和RBI...

珲少
32分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部