注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天涯倦客的博客

祝福你朋友永远快乐!

 
 
 

日志

 
 

DIV 鼠标移动  

2016-10-20 14:38:46|  分类: JS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
转自:http://keleyi.com/keleyi/phtml/jqtexiao/9.htm

1. 横向滚动 1 Horizontal Scrolling

This one will have 60px "mousemove padding" at each side:
DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客

来源: http://jsbin.com/uninug/3/edit

2. 横向滚动 2 Horizontal Scrolling

DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客 DIV 鼠标移动 - 海里的贝壳 - 天涯倦客的博客

来源: http://jsbin.com/alokat/1/edit

3. 纵向滚动 Vertical Scrolling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempor volutpat elementum. Nunc enim enim, eleifend sit amet blandit a, vestibulum a purus. Phasellus at accumsan ante. Duis vestibulum rhoncus sapien a dapibus. Suspendisse malesuada aliquet faucibus. Vestibulum ut sem diam. Integer tempus pellentesque mi, et luctus nunc porttitor in. Nunc vel risus in mauris facilisis commodo.

Etiam gravida accumsan tortor, vitae malesuada est volutpat at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Nunc mattis dapibus odio nec bibendum. Aliquam id lorem tellus, eget venenatis tellus. Aliquam quis eros arcu. Nam massa dui, scelerisque eu tempor a, faucibus ac ligula. Praesent gravida tempus magna, eu hendrerit nibh placerat tincidunt. Nulla eleifend semper ligula. Nulla vitae adipiscing orci.

Pellentesque eu lorem vitae leo congue egestas eu et risus. Praesent laoreet odio eget urna bibendum id pharetra dolor placerat. Mauris molestie venenatis est. Nunc eu dictum risus. Morbi sodales laoreet dapibus. Duis euismod condimentum massa, fringilla sodales mauris feugiat sed. In in iaculis diam.

keleyi.com .Donec velit magna, dignissim ac lobortis pharetra, laoreet a quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec vitae quam ante. Fusce mi sapien, suscipit sed feugiat non, suscipit hendrerit neque. Maecenas elementum vestibulum bibendum. Curabitur nisl mauris, posuere cursus vestibulum sit amet, suscipit ac ligula. Nulla dolor tortor, lacinia vel mattis et, egestas tristique augue. Quisque at nibh tortor.

In hac habitasse platea dictumst. Donec ullamcorper nisl sed leo porta euismod. Maecenas gravida scelerisque lobortis. In hac habitasse platea dictumst. Cras iaculis, justo vel aliquet faucibus, odio leo sollicitudin tellus, a sodales odio purus nec felis. In massa orci, euismod nec gravida vitae, pulvinar sit amet nulla. Integer in lorem lectus, eget dignissim ante.


来源: http://jsfiddle.net/n3Q9j/5/
  评论这张
 
阅读(27)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017