目的:通过CSS + jQuery的方式实现自动无缝轮播。
思路:把所有的轮播图片划分为三种状态,分别是准备轮播进入(enter)、在轮播中(current)、轮播结束后离开(leave),一张图片先是准备轮播,然后进入轮播,接着离开轮播进入到准备轮播的状态,等待下一次播送。
1.HTML结构
<div class="window3">
<div class="images3"><img alt="" src="./img/function-01.jpg" style="height:540px; width:960px" /> <img alt="" src="./img/git-01.jpg" style="height:540px; width:960px" /> <img alt="" src="./img/JQUERY-01.jpg" style="height:540px; width:960px" /> <img alt="" src="./img...
控制窗口内容滚动算是一个较少使用到的 JavaScript 窗口功能,不过这一点可能会随着可滚动图层内容的到来而有所改变。这个技巧将教你如何实现内容滚动功能。
这段代码很简单。让我们先看看向下滚动功能所使用的函数。
var y = 0;
var when = null;
varps = parent.scrollee;
functionscrollMe() {
if (document.all && y < ps.document.body.scrollHeight || y < ps.document.height) {
ps.scroll(0,y);
y = y + 4;
when = setTimeout('scrollMe()',1);
}
}
scrollMe() 函数首先检查浏览器是否支持document.all属性(只有 IE 浏览器才支持这个属性),然后检查变量 y 的值是否小于scrollHeight属性...
网上有这样一段代码,基本我看了一下,都一个样,而且很多网站使用的时候还是照样原搬的,这段代码需要注意的问题:marquee_demo这个宽度一定要小于含有滚动内容的那个table的宽度,否则将不滚动
<div id="marquee_demo" style="border: #ccc 1px solid;overflow: hidden; width: 500px; text-align: center">
<table cellspacing="0" cellpadding="3" align="center" border="0">
<tbody>
<tr>
<...