<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="网页设计素材库 http://www.oego.cn/" />
<meta name="description" content="网页设计素材库，为您提供最好的网页素材！" />
<meta content="网页设计素材库" name="keywords" />
<title>网页设计素材库</title>
<style type="text/css">
<!--
TD {FONT-SIZE: 12px;}
</style>
</head>
<body>
<div id=link_logo style="OVERFLOW: hidden; WIDTH: 160px; HEIGHT: 235px">
<div id=link_logo1 style="OVERFLOW: hidden">
<table cellspacing=0 cellpadding=0 width=164 border=0>
<tbody>
<tr>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a
href="http://eladies.sina.com.cn/media/index.shtml"
target=_blank><img alt=""
src="images/sina_lady_2.gif"
border=0></a></td>
</tr>
</tbody>
</table></td>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href="http://lady.tom.com/"
target=_blank><img alt=""
src="images/tomlady2_1.jpg"
border=0></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href="http://luxury.qq.com/"
target=_blank><img alt=""
src="images/qqfashion_1.gif"
border=0></a></td>
</tr>
</tbody>
</table></td>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href="http://women.sohu.com/"
target=_blank><img alt=""
src="images/sohuwomen_logo_1.gif"
border=0></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href="http://www.trendsmag.com/"
target=_blank><img alt=""
src="images/LOGOshishang.gif"
border=0></a></td>
</tr>
</tbody>
</table></td>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href="http://www.sh.xinhuanet.com/"
target=_blank><img alt=""
src="images/xinhu_1.jpg"
border=0></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href="http://wzy.xingkong.com.cn/"
target=_blank><img alt=""
src="images/wuyuan_logo_1.jpg"
border=0></a></td>
</tr>
</tbody>
</table></td>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href="http://fashion.phoenixtv.com/"
target=_blank><img alt=""
src="images/phoenix_logo_1.gif"
border=0></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href="http://www.chinasspp.com/"
target=_blank><img alt=""
src="images/zgsslogo_1.jpg"
border=0></a></td>
</tr>
</tbody>
</table></td>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href="http://www.265.com/"
target=_blank><img alt=""
src="images/265_2.gif"
border=0></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a
href="http://www.enet.com.cn/elady/index.shtml"
target=_blank><img alt=""
src="images/elady8831_1_1.gif"
border=0></a></td>
</tr>
</tbody>
</table></td>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href="http://www.1619.com.cn/"
target=_blank><img alt=""
src="images/1619_logo_1.gif"
border=0></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href="http://www.chinaren.com/"
target=_blank><img alt=""
src="images/mmchina_logo_1.jpg"
border=0></a></td>
</tr>
</tbody>
</table></td>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href="http://www.go108.com.cn/"
target=_blank><img alt=""
src="images/ziwei_logo_88x31_1.gif"
border=0></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td valign=top align=middle height=33><a
href="http://gb.chinabroadcast.cn/ent/index.htm"
target=_blank><img alt=""
src="images/cri_logo.jpg" border=0></a></td>
<td valign=top align=middle height=33><a
href="http://www.blogcn.com/" target=_blank><img alt=""
src="images/blogchina_logo_1.gif"
border=0></a></td>
</tr>
<tr>
<td valign=top align=middle height=33><img alt=""
src="images/yl(1)-(4).gif" border=0></td>
<td valign=top align=middle height=33><a
href="http://lady.jschina.com.cn/" target=_blank><img alt=""
src="images/logonvxing_1.gif"
border=0></a></td>
</tr>
<tr>
<td valign=top align=middle height=33><a
href="http://www.rayli.com.cn/" target=_blank><img alt=""
src="images/rayli_logo_1.gif"
border=0></a></td>
<td valign=top align=middle height=33><a
href="http://www.singtaonet.co
系列广告代码24
需积分: 0 131 浏览量
更新于2008-03-17
收藏 100KB RAR 举报
"系列广告代码24"涉及到的是一个专门用于创建垂直无缝图片滚动效果的JavaScript源码。在网页设计和开发中，动态的广告展示能够吸引用户的注意力，提高广告的点击率，从而提升网站的互动性和用户体验。"垂直无缝图片滚动"是一种常见的广告展示方式，它能让图片以平滑、连续的方式沿着垂直方向移动，给人一种不间断的视觉效果。
"系列广告代码24－垂直无缝图片滚动代码"主要包含以下关键知识点：
1. **JavaScript基础**：JavaScript是实现网页动态效果的主要语言，这个代码系列可能包括变量声明、函数定义、事件监听、DOM操作等基本概念。
2. **DOM操作**：在JavaScript中，DOM（文档对象模型）用于描述HTML或XML文档的结构，允许我们动态地修改页面内容。在图片滚动效果中，可能涉及到获取元素、设置样式、添加或删除类等操作。
3. **CSS样式**：为了实现无缝滚动，JavaScript代码可能会与CSS配合，通过改变元素的`transform`属性，尤其是`translateY`值，来实现图片位置的平滑过渡。
4. **定时器（setTimeout或setInterval）**：为了让图片持续滚动，代码可能使用了定时器，每隔一定时间更新图片的位置，营造出滚动的视觉效果。
5. **无缝轮换**：这里的“无缝”意味着当最后一张图片滚动到底部时，第一张图片会立即接替，没有明显的停顿，这需要精心设计滚动逻辑和索引管理。
6. **事件处理**：可能包含了对鼠标悬停、点击等事件的响应，以便用户可以暂停、继续或者跳转到特定图片。
7. **兼容性处理**：考虑到不同的浏览器对某些JavaScript特性支持不同，代码可能包含了一些兼容性修复，确保在多种环境下都能正常工作。
8. **性能优化**：为了保证用户体验，可能采用了延迟加载、防抖动或节流技术，减少不必要的计算和重绘，提高页面性能。
在【压缩包子文件的文件名称列表】中的"js-0021"，可能是这个垂直无缝图片滚动代码的源文件，里面包含了实现上述功能的具体代码逻辑。分析和学习这个源码可以帮助我们更深入地理解如何利用JavaScript实现这样的动态效果，并可以作为日后开发类似功能的参考。同时，也可以根据实际需求进行调整和扩展，以适应不同的应用场景。
js-0021.rar （31个子文件） 
js-0021 
网页设计素材库.htm 407B images 
tomlady2_1.jpg 1KB logo_belle_66x23.jpg 2KB
uusee_logo_1.gif 2KB efulogo_88x31_1.gif 2KB shelogo_1_1.gif 2KB dianping_Logo_66_23.gif 2KB ziwei_logo_88x31_1.gif 3KB yl(1)-(4).gif 2KB cri_logo.jpg 2KB ad_logo_1.gif 7KB linklogo_me6623.gif 2KB sohuwomen_logo_1.gif 1KB qqfashion_1.gif 4KB logonvxing_1.gif 2KB xinhu_1.jpg 3KB singdao_logo_1.gif 2KB ocjlogo_66x23.jpg 993B LOGOshishang.gif 2KB daqi_logo.gif 2KB Thumbs.db 59KB phoenix_logo_1.gif 2KB zgsslogo_1.jpg 1KB rayli_logo_1.gif 3KB sina_lady_2.gif 2KB dadushi_1.gif 3KB elady8831_1_1.gif 5KB blogchina_logo_1.gif 3KB ered_logo_1.gif 8KB wuyuan_logo_1.jpg 2KB index.htm 12KB资源评论
jerryxf
- 粉丝: 2
- 资源: 66
