文档章节

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
西城
程序员
私信 提问
《JavaScript实用效果整理》系列分享专栏

整理一些使用的JavaScript效果,在Web开发中遇到的比较好的动态效果,都收藏在这里,对以后的网站开发增加不少的色彩 《JavaScript实用效果整理》已整理成PDF文档,点击可直接下载至本地查阅...

开元中国2015
10/29
0
0
js无法监听到ajax动态加载的元素,导致无法实现弹窗的效果

想要实现点击页面上的图片出现弹窗显示图片详情,但是弹窗效果是用js实现的,图片是用ajax动态加载的,ajax是在js加载完成后加载的导致js无法监听到动态加载的图片而无法实现弹窗的效果.只有...

白粥ss
2014/07/14
1K
3
浏览器调试怎么知道点击当前按钮调用了哪个点击事件的函数?

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

颖辉小居
09/25
335
3
面试 | Ajax进阶----jQuery中的Ajax(下)

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

一个敲代码的前端妹子
06/28
0
0
jquery加载jscript问题

大家好~这里是新人一只···在开发的时候遇到如下技术问题,求大神! 我有一段 把这段代码加到html末尾时,页面会出现右侧对话框,效果如下图 昨天 17:31 上传 下载附件 (52.98 KB) 我现在想...

沈佳琦
2013/03/05
600
3

没有更多内容

加载失败,请刷新页面

加载更多

Yearning基于Inception的开源SQL审核平台

基础环境: python3 nodejs vuejs mysql python-ldap pymysql mysql 新建数据库 create database Yearning DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci; Navicat导入初始化数据 : ......

以谁为师
11分钟前
0
0
flutter Expanded用法

使用的地方:一个分类,类似京东的,左右两边都可以滑动 Widget build(BuildContext context) { return Row(children: [ Column( children: <Widget>[ Ex......

大灰狼wow
16分钟前
2
0
Java8 Map中新增的方法使用总结

前言 得益于 Java 8 的 default 方法特性,Java 8 对 Map 增加了不少实用的默认方法,像 getOrDefault, forEach, replace, replaceAll, putIfAbsent, remove(key, value), computeIfPresent,......

kaixin_code
25分钟前
1
0
@TransactionConfiguration

@TransactionConfiguration过时与替代写法 @TransactionConfiguration 替代写法

miaojiangmin
27分钟前
0
0
浅谈Vue响应式(数组变异方法)

很多初使用Vue的同学会发现,在改变数组的值的时候,值确实是改变了,但是视图却无动于衷,果然是因为数组太高冷了吗? 查看官方文档才发现,不是女神太高冷,而是你没用对方法。 看来想让女...

开元中国2015
29分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部