这种jQuery文字横向滚动效果,可以应用到文章列表页标题栏上,做出来的效果就很不错,用户体验高。
HTML代码:
<div class="hover_style"><a href="#">字滚动1111111111</a></div> <div class="hover_style"><a href="#">文字滚动2222222222</a></div>
JS代码:
<script type="text/javascript"> $(function(){ $(".hover_style").mouseover(function(e){ $(this).stop(true,false).animate({"margin-left":"+10px"},500); }).mouseleave(function(e){ $(this).stop(true,false).animate({"margin-left":"0px"},500); }); }); </script>
末了,多多支持本博客。
相关推荐
鼠标移动到图片上后,图片底部显示文字,文字下一行半透明的CSS滤镜实现的效果,鼠标移走后消失。(PS:暂时效果只支持IE浏览器,不支持火狐,稍后会做补齐)
jQuery鼠标悬停缩略图横向切换大图展示特效是一款鼠标经过放在缩略图上或者点击缩略图自动切换图片大图展示代码。
50. jQuery移动网页背景图浮云流水特效 51. jquery简单控制上下、左右四方向滚动的特效插件下载 52. jquery缩略图滚动特效之带小图的网页元素滚动轮播插件 53. jquery网站顶部滑动广告插件 54. jquery自动播放...
这是一款jQuery实现的当鼠标悬浮文字列表时更换样式并往右移动,点击左右箭头控制文字列表切换特效代码。
50. jQuery移动网页背景图浮云流水特效 51. jquery简单控制上下、左右四方向滚动的特效插件下载 52. jquery缩略图滚动特效之带小图的网页元素滚动轮播插件 53. jquery网站顶部滑动广告插件 54. jquery自动播放...
50. jQuery移动网页背景图浮云流水特效 51. jquery简单控制上下、左右四方向滚动的特效插件下载 52. jquery缩略图滚动特效之带小图的网页元素滚动轮播插件 53. jquery网站顶部滑动广告插件 54. jquery自动播放...
50.jQuery移动网页背景图浮云流水特效 51.jquery简单控制上下、左右四方向滚动的特效插件下载 52.jquery缩略图滚动特效之带小图的网页元素滚动轮播插件 53.jquery网站顶部滑动广告插件 54.jquery自动播放...
jQuery发展历程横向时间轴代码,支持鼠标左右拖动,鼠标点击左右箭头切换,键盘左右方向键控制内容左右移动。
50. jQuery移动网页背景图浮云流水特效 51. jquery简单控制上下、左右四方向滚动的特效插件下载 52. jquery缩略图滚动特效之带小图的网页元素滚动轮播插件 53. jquery网站顶部滑动广告插件 54. jquery自动播放...
jquery实现横向下拉菜单,可点击展开关闭,也可以实现鼠标移动上去即显示效果