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

本文共 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

你可能感兴趣的文章
LTE第一章 介绍
查看>>
Scala基础篇-04 try表达式
查看>>
java日期格式(年月日时分秒毫秒)
查看>>
linux nohup后台运行命令
查看>>
[SDOI2017]天才黑客
查看>>
怎样控制竞价点击价格
查看>>
hbase 学习(十六)系统架构图
查看>>
sqlserver数据存储
查看>>
进行app性能和安全性测试的重要性
查看>>
Oracle学习总结(9)—— Oracle 常用的基本操作
查看>>
Mysql学习总结(32)——MySQL分页技术详解
查看>>
WebService学习总结(6)——WebService常用接口
查看>>
Mysql学习总结(36)——Mysql查询优化
查看>>
2016阿里云121款产品和解决方案全向图(9月制)
查看>>
git初使用“*** Please tell me who you are. Run
查看>>
面向对象编程基础 (二)
查看>>
MVC的请求过程(或者MVC三者的关系)
查看>>
网页设计易错点总结
查看>>
assign-cookies
查看>>
<正则吃饺子> :关于redis配置文件参数详解
查看>>