jQuery实现模拟marquee标签效果_jquery

来源：动视网责编：小采时间：2020-11-27 21:40:34

jQuery实现模拟marquee标签效果_jquery

jQuery实现模拟marquee标签效果_jquery:Marquee 模仿IE下面的marquee效果，鼠标移上去暂停。形成环的主要原理在于每张图片一旦判断出了外面的显示窗口就添加到尾部，用append和prepend模拟数组的push()和shift()。代码如下: HTML 模拟marquee标签效果的简单实现

推荐度：

点击下载本文 文档为doc格式

导读jQuery实现模拟marquee标签效果_jquery:Marquee 模仿IE下面的marquee效果，鼠标移上去暂停。形成环的主要原理在于每张图片一旦判断出了外面的显示窗口就添加到尾部，用append和prepend模拟数组的push()和shift()。代码如下: HTML 模拟marquee标签效果的简单实现

Marquee

模仿IE下面的marquee效果，鼠标移上去暂停。形成环的主要原理在于每张图片一旦判断出了外面的显示窗口就添加到尾部，用append和prepend模拟数组的push()和shift()。

代码如下:

HTML








模拟marquee标签效果的简单实现







 
 
 
 
 1
 
 
 
 
 2
 
 
 
 
 3
 
 
 
 
 4
 
 
 
 
 5
 
 
 
 
 6
 
 
 
 
 7
 
 
 
 
 8

CSS

@charset "utf-8";
/* CSS Document */
body{
 margin:0 0;
 padding:0 0;
 height:100%;
 width:100%;
}
.wrap{
 font-family:"微软雅黑","宋体", Times, "Times New Roman", serif;
 font-size:14px;
 margin:0 0;
 padding:0 0;
 height:100%;
 width:100%;
 overflow:hidden;
}
.marquee{
 margin: 0 auto;
 width: 960px;
 height: 300px;
 overflow: hidden;
}
.marquee ul{
 width: 10000px;
}
.marquee ul li{
 float: left;
 width: 500px;
 text-align: center;
}
.marquee ul li a{

}
.marquee ul li a:hover{
 color: red;
}

JavaScript

详细下载见https://github.com/codetker/myMarquee

以上所述就是本文的全部内容了，希望大家能够喜欢。

jQuery实现模拟marquee标签效果_jquery

推荐度：

点击下载本文 文档为doc格式

标签：效果 jQuery 效果实现

热门焦点

jQuery实现模拟marquee标签效果_jquery

jQuery实现模拟marquee标签效果_jquery

jQuery实现模拟marquee标签效果_jquery

最新推荐

猜你喜欢

热门推荐