博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
无缝滚动 js 一
阅读量:5958 次
发布时间:2019-06-19

本文共 2141 字,大约阅读时间需要 7 分钟。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html>
<head>
<style>
body{height:10000px; background:#ccc;}
#gg_left, #gg_right{
position: fixed;
}
#gg_left{width:120px;height:240px;top:230px;left:0;}
#gg_right{width:120px;height:240px;top:230px;right:0;}
</style>
<!--[if lte IE 6]>
<style type="text/css">

#gg_left, #gg_right{

position: absolute;
}
</style>
<![endif]-->

</head>

<body>

<div id="gg_left"><embed src="C:\Users\love\Desktop\320.swf" width="120px;" height="240px;"></div>

<div id="gg_right"><embed src="C:\Users\love\Desktop\320.swf" width="120px;" height="240px;"></div>

<div id="tickerContainer" style="width:400px;margin:10px auto;">

<div id="ticker">
<ul id="demo">edk;cwscdweqweqwdqw</ul>
<ul id="demo">234545qw565656dqw</ul>
<ul id="demo">0fdkfFEP2edk;cwscdweqweqwdqw</ul>
<ul id="demo">0--=-kokfedk;cwscdweqweqwdqw</ul>

</div>

</div>

<script type="text/javascript" src="xxx/jquery.js"></script>(可到网上搜索,或直接用网上的路径,如google的)

<script type="text/javascript">
$(function() {
//cache the ticker
var ticker = $("#ticker");
//wrap dt:dd pairs in divs
ticker.children().filter("demo").each(function() {
var dt = $(this),
container = $("<div>");
dt.next().appendTo(container);
dt.prependTo(container);
container.appendTo(ticker);
});
//hide the scrollbar
ticker.css("overflow", "hidden");
//animator function
function animator(currentItem) {
//work out new anim duration
var distance = currentItem.height();
duration = (distance + parseInt(currentItem.css("marginTop"))) / 0.025;

//animate the first child of the ticker

currentItem.animate({ marginTop: -distance }, duration, "linear", function() {
//move current item to the bottom
currentItem.appendTo(currentItem.parent()).css("marginTop", 0);

//recurse

animator(currentItem.parent().children(":first"));
});
};
//start the ticker
animator(ticker.children(":first"));
//set mouseenter
ticker.mouseenter(function() {
//stop current animation
ticker.children().stop();
});
//set mouseleave
ticker.mouseleave(function() {
//resume animation
animator(ticker.children(":first"));
});
});
</script>

</body>

</html>

转载于:https://www.cnblogs.com/zhicheng/p/3183680.html

你可能感兴趣的文章
3.1
查看>>
校验表单如何摆脱 if else ?
查看>>
<气场>读书笔记
查看>>
web安全问题分析与防御总结
查看>>
Centos下基于Hadoop安装Spark(分布式)
查看>>
3D地图的定时高亮和点击事件(基于echarts)
查看>>
mysql开启binlog
查看>>
设置Eclipse编码方式
查看>>
分布式系统唯一ID生成方案汇总【转】
查看>>
并查集hdu1232
查看>>
Mysql 监视工具
查看>>
从前后端分离到GraphQL,携程如何用Node实现?\n
查看>>
Linux Namespace系列(09):利用Namespace创建一个简单可用的容器
查看>>
博客搬家了
查看>>
Python中使用ElementTree解析xml
查看>>
jquery 操作iframe、frameset
查看>>
解决vim中不能使用小键盘
查看>>
jenkins权限管理,实现不同用户组显示对应视图views中不同的jobs
查看>>
我的友情链接
查看>>
CentOS定时同步系统时间
查看>>