不能发视频,截图来代替吧
1显示 轮播图1(实际轮播的第2个元素li)
2显示 轮播图2(实际轮播的第3个元素li)
3显示 轮播图3(实际轮播的第4个元素li)
4显示 轮播图1(实际轮播的第5个元素li,之后会紧跟着重复以上动作)<!--下面是向左滚动代码--> <div id="colee_left" style="overflow:hidden;width:500px;"> <table cellpadding="0" cellspacing="0" border="0"> <tr><td id="colee_left1" valign="top" align="center"> <table cellpadding="2" cellspacing="0" border="0"> <tr align="center"> <td><p><img src=" ><marquee onmouseover="thisstop()" onmouseout="thisstart()">
<img src="" width="100" height="100"><img src="" width="100" height="100"><img src="" width="100" height="100"><img src="" width="100" height="100">
</marquee>
1、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。
2、然后通过background给div添加一张作为它的背景。
3、接着可以通过url()来连接,url里面放置的就是背景的路径。
4、随意地放了一张用作背景,一定要注意,路径要写对。
5、这样,保存之后文字就会覆盖在的上面了。
想要在客户端实现此功能,ie必须得使用fliter。非ie核心的可以使用canvas
具体参见例子 >
设置层高,比如position:absoulute; z-index:999; top:100px; right:0px;
示例用法:
<html>
<head><title>123</title></head>
<body style="width:1024px; height:2000px;">
<p style="width:100px; height:100px; background-color:red; position:fixed; z-index:999; top:100px; right:0px;">
<img src="地址" />
<p>
</body>
</html>
中的P标签里有,我这里设置P区块为宽高各100,用position:fixed定位,距离顶部100像素,右边0像素漂浮着,z-index:999就是层高,可以理解为层高越高就可以漂浮在网页上面。
效果如下:
不管如何滚动网页滚动条 上下翻 左右翻都一直在屏幕距离顶部100像素,右边0像素漂浮着。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)