JS左右无缝滚动（一般方法+面向对象方法）

论坛 › 期权论坛     
选择匿名的用户   2021-5-22 22:03   35   0
<div class="blogpost-body" id="cnblogs_post_body">
<p>其实不管是一般方法还是面向对象的方法都还有很多可以改进的地方，有需要的先将就着用吧！-_-</p>
<div class="cnblogs_code">
  <pre class="blockcode"><span style="color:#0000ff;">&lt;!</span><span style="color:#ff00ff;">DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#0000ff;">&lt;</span><span style="color:#800000;">html </span><span style="color:#ff0000;">xmlns</span><span style="color:#0000ff;">&#61;&#34;http://www.w3.org/1999/xhtml&#34;</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#0000ff;">&lt;</span><span style="color:#800000;">head</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#0000ff;">&lt;</span><span style="color:#800000;">meta </span><span style="color:#ff0000;">http-equiv</span><span style="color:#0000ff;">&#61;&#34;Content-Type&#34;</span><span style="color:#ff0000;"> content</span><span style="color:#0000ff;">&#61;&#34;text/html; charset&#61;GBK&#34;</span> <span style="color:#0000ff;">/&gt;</span>
<span style="color:#0000ff;">&lt;</span><span style="color:#800000;">title</span><span style="color:#0000ff;">&gt;</span>JS左右无缝滚动（一般方法&#43;面向对象方法）<span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">title</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#0000ff;">&lt;</span><span style="color:#800000;">style </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">&#61;&#34;text/css&#34;</span><span style="color:#0000ff;">&gt;</span><span style="color:#800000;">
.clearfix:after </span><span style="color:#000000;">{<!-- --></span><span style="color:#ff0000;">content</span><span style="color:#000000;">:</span><span style="color:#0000ff;">&#34;.&#34;</span><span style="color:#000000;">;</span><span style="color:#ff0000;"> display</span><span style="color:#000000;">:</span><span style="color:#0000ff;">block</span><span style="color:#000000;">;</span><span style="color:#ff0000;"> height</span><span style="color:#000000;">:</span><span style="color:#0000ff;">0</span><span style="color:#000000;">;</span><span style="color:#ff0000;"> visibility</span><span style="color:#000000;">:</span><span style="color:#0000ff;">hidden</span><span style="color:#000000;">;</span><span style="color:#ff0000;"> clear</span><span style="color:#000000;">:</span><span style="color:#0000ff;">both</span><span style="color:#000000;">;</span> <span style="color:#000000;">}</span><span style="color:#800000;">
.clearfix </span><span style="color:#000000;">{<!-- --></span><span style="color:#ff0000;"> *zoom</span><span style="color:#000000;">:</span><span style="color:#0000ff;">1</span><span style="color:#000000;">;</span> <span style="color:#000000;">}</span><span style="color:#800000;">
body</span><span style="color:#000000;">{<!-- --></span><span style="color:#ff0000;">background</span><span style="color:#000000;">:</span><span style="color:#0000ff;">gray</span><span style="color:#000000;">;</span><span style="color:#000000;">}</span><span style="color:#800000;">
#wrap</span><span style="color:#000000;">{<!-- --></span><span style="color:#ff0000;">width</span><span style="color:#000000;">:</span><span style="color:#0000ff;">810px</span><span style="color:#000000;">;</span><span style="color:#ff0000;"> height</span><span style="color:#000000;">:</span><span style="color:#0000ff;">160px</span><span style="color:#000000;">;</span><span style="color:#ff0000;">
border</span><span style="color:#000000;">:</span><span style="color:#0000ff;">1px solid black</span><span style="color:#000000;">;</span><span style="color:#ff0000;">
position</span><span style="color:#000000;">:</span><span style="color:#0000ff;">relative</span><span style="color:#000000;">;</span><span style="color:#ff0000;">
left</span><span style="color:#000000;">:</span><span style="color:#0000ff;">50%</span><span style="color:#000000;">;</span><span style="color:#ff0000;">
top</span><span style="color:#000000;">:</span><span style="color:#0000ff;">50%</span><span style="color:#000000;">;</span><span style="color:#ff0000;">
margin-left</span><span style="color:#000000;">:</span><span style="color:#0000ff;">-410px</span><span style="color:#000000;">;</span><span style="color:#ff0000;">
margin-top</span><span style="color:#000000;">:</span><span style="color:#0000ff;">200px</span><span style="color:#000000;">;</span><span style="color:#ff0000;">
background</span><span style="color:#000000;">:</span><span style="color:#0000ff;">#fff</span><span style="color:#000000;">;</span><span style="color:#ff0000;">
overflow</span><span style="color:#000000;">:</span><span style="color:#0000ff;">hidden</span><span style="color:#000000;">;</span><span style="color:#000000;">}</span><span style="color:#800000;">
#wrap ul</span><span style="color:#000000;">{<!-- --></span><span style="color:#ff0000;">margin</span><span style="color:#000000;">:</span><span style="color:#0000ff;">0px</span><span style="color:#000000;">;</span><span style="color:#ff0000;">
padding</span><span style="color:#000000;">:</span><span style="color:#0000ff;">0px</span><span style="color:#000000;">;</span><span style="color:#ff0000;">
position</span><span style="color:#000000;">:</span><span style="c
回复
分享到 :
0 人收藏
返回列表
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

16级独孤
选择匿名的用户

积分:3875789
帖子:775174
精华:0
+ 关注 私信
期权论坛 期权论坛
期权网络科技版权所有
关于我们
联系我们
加入我们
反馈问题
免责声明
积分充值
统一社会信用代码
积分规则
网站地图
爱文库
下属网站
官方
新浪微博
微信公众号
◆
下载
表情包
App下载
期权论坛 期权论坛

QQ咨询|关于我们|Archiver|手机版|小黑屋|( 辽ICP备15012455号-4 ) Powered by 期权论坛 X3.2 © 2001-2016 期权工具网&期权论坛 Inc.

发布
内容

下载期权论坛手机APP