设为首页 加入收藏

TOP

2017年10月21日 CSS常用样式&鼠标样式 以及 jQuery鼠标事件& jQuery图片轮播& jQuery图片自动轮播代码(二)
2019-09-03 00:12:08 】 浏览:30
Tags:2017年 10月 21日 CSS 常用 样式 鼠标 以及 jQuery 事件 图片 自动 代码
}) }
if(ws == 0) { gap.css("background-color", "white") gap.eq(0).css("background-color", "#A52A2A") } if(ws == 1) { gap.css("background-color", "white") gap.eq(1).css("background-color", "#A52A2A") } if(ws == 2) { gap.css("background-color", "white") gap.eq(2).css("background-color", "#A52A2A") } }

 

 

 

     图片自动轮播代码

   代码如下:

 

  window.setInterval(move, 2500)/ / move后面设置毫秒
    gap.eq(1).mouseover(function() {
        gap.css("background-color", "white")
        gap.eq(1).css("background-color", "#A52A2A")

    })
    gap.eq(2).mouseover(function() {
        gap.eq(2).css("background-color", "#A52A2A")
        gap.eq(1).css("background-color", "white")
        gap.eq(0).css("background-color", "white")
    })
    gap.eq(0).mouseover(function() {
        gap.eq(0).css("background-color", "#A52A2A")
        gap.eq(1).css("background-color", "white")
        gap.eq(2).css("background-color", "white")
    })
    gap.eq(0).mouseover(function() {
        toplogo.animate({
                marginLeft: 0 + "px"/ / 第一次轮播为0像素
            },
            500,
            function() {

            })
    })
    gap.eq(1).mouseover(function() {
        toplogo.animate({
                marginLeft: (-1349) + "px"/ /第二次就是这张图片的宽度
            },
            500,
            function() {

            })
    })
    gap.eq(2).mouseover(function() {
        toplogo.animate({
                marginLeft: (-2698) + "px"/ / 这是到第三张图片后的宽度
            },
            500,
            function() {

            })
    })

 

 

 

                                                                                               谢谢大家收看本人博客园

首页 上一页 1 2 下一页 尾页 2/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇多线程编程学习笔记-基础(二) 下一篇多线程编程学习笔记-基础(三)

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目