0顶

图片模拟滚动条网页特效

稿源：互联网 2022-08-16 07:01:33 点击： 526 撤稿纠错

用图片来模拟滚动条的网页特效，阿里西西网页特效收集。

以下讨论的是和特效相关的图片模拟滚动条网页特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>simScroll</title> <script language="JavaScript" type="text/javascript">  </script> <script language="javascript" type="text/javascript">  </script> <script language="javascript" type="text/javascript">  </script> <style type="text/css">  </style> </head> <body> <div class="case"> <div class="title"><a href="#" class="r">Top</a>simScroll&nbsp;调用方法</div> <div class="b">simScroll({ScrollFor, ScrollObj, SyncObjs});</div> <ul class="info gray"> <li>ScrollFor：Object滚动对象</li> <li>ScrollObj：Object滚动条实例</li> <li>SyncObjs：Array同步滚动对象(支持绑定多个对象)</li> </ul> </div> <div class="case"> <div class="title"><a href="#" class="r">Top</a>simScroll&nbsp;功能说明</div> - 上下按钮滚动，支持切换快速模式 - 滚动区域翻页滚动，支持切换快速模式 - 鼠标滚轮支持 - 同步滚动支持&nbsp;&nbsp;&nbsp;<a href="#3" class="b u light">演示</a> </div> <div class="case"> <div class="title"><a href="#" class="r">Top</a><a name="1" ></a>simScroll 演示&nbsp;-&nbsp;正常模式</div> <div id="simTestContent" class="simScrollCont"> 这里放内容 </div> <div id="simScrollTest" class="simScroll"> <div tag="simUp" class="simScrollUp"></div> <div tag="simArea" class="simScrollDragArea"><div tag="simDrag" class="simScrollDrag"></div></div> <div tag="simDown" class="simScrollDown"></div> </div> </div> <div class="case"> <div class="title"><a href="#" class="r">Top</a><a name="2" ></a>simScroll 演示&nbsp;-&nbsp;没有上下按钮</div> <div id="simTestContent2" class="simScrollCont"> 这里放内容 </div> <div id="simScrollTest2" class="simScroll"> <div tag="simArea" class="simScrollDragArea"><div tag="simDrag" class="simScrollDrag"></div></div> </div> </div> <div class="case"> <div class="title"><a href="#" class="r">Top</a><a name="3" ></a>simScroll 演示&nbsp;-&nbsp;绑定同步滚动</div> <div id="simTestContent3" class="simScrollCont" style="width: 350px; height: 250px"> 这里放内容 </div> <div id="simScrollTest3" class="simScroll"> <div tag="simUp" class="simScrollUp"></div> <div tag="simArea" class="simScrollDragArea"><div tag="simDrag" class="simScrollDrag"></div></div> <div tag="simDown" class="simScrollDown"></div> </div> <div style="float: left; width: 50px; height: 200px; line-height: 200px; text-align: center"><==></div> <div id="simTestContent4" class="simScrollCont" style="width: 350px; height: 250px"> 这里放内容 </div> <div id="simScrollTest4" class="simScroll"> <div tag="simUp" class="simScrollUp"></div> <div tag="simArea" class="simScrollDragArea"><div tag="simDrag" class="simScrollDrag"></div></div> <div tag="simDown" class="simScrollDown"></div> </div> </div> </body> </html> <a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于图片模拟滚动条网页特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008082096467.shtml方便下次再访问哦。

·上一篇： 仿QQ右下角弹出消息窗口特效代码
·下一篇： JS实现的腾讯QQ窗口抖动效果代码

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

图片模拟滚动条网页特效

文章分类LIST >>返回首页

最新游戏

最新新闻