acongshijia的专栏

这种商城的效果网上很多，但大多是插件，要么JS写的太过于复杂，对于学习的童鞋来说看起来比较费劲，这个看起来比较简单，也比较容易理解，各位童鞋需要的请围观，也欢迎各位评价，贴代码（为方便使用，代码复制即可用，无需另外添加东西）：商城常用滚动的效果，简单实用$(function(){ var len = $(".num > li").length; var inde

新闻无缝滚动 左右 * {padding:0px; margin:0px;} .box{width:300px;height:30px;line-height30px;position:relative;overflow:hidden;} .roll {width:1200px;position:absolute;left:0;t

自动轮播 * {padding:0px; margin:0px;} .roll {width:580px;height:300px;border:solid 1px #c1c1c1;position:relative;} .roll_num li.roll_num_hover {background:#dc28

简单常用的图片轮播，新闻轮播，焦点新闻轮播,废话不说，贴代码，代码简单易懂，非插件，欢迎留言啊，有什么问题可以指出来,效果图如下 简单常用的图片轮播，新闻轮播，焦点新闻轮播 $(function(){ var index=0; var slideFlag = true; var length=$(".roll_pic im

网站常用jquery效果,各种焦点图滚动效果,jquery学习

jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动*{margin:0;padding:0;}body{font-size:12px;color:#222;font-family:Verdana,Arial,Helvetica,sans-serif;background:#f0f0f0;}.clearfix:after{content: ".";display: block;

基于jQuery的控制左右滚动效果_自动滚动版本body{font-size:0.8em;letter-spacing:1px;font-family:"微软雅黑"; line-height:1.8em}div,ul,li,ol,img{margin:0;padding:0}h1{font-size:1em; font-weight:normal;}h1 a{background:#

图片左右间隔滚动Jquery特效*{ margin:0px; padding:0px; font-size:12px;}a{ text-decoration:none; font-size:12px;}a:link{color:#383455;font-size:12px;}a:hover{color:#ff0000;font-size:12px;}a:visited{color

今天产品搞了个京东的效果，仿造啊，完全是仿造。。。唉，没办法，仿造还是要造，，，虽是仿造，但是JS是原创， 效果图如下：代码：仿京东图片展示效果$(function(){var a = 0;//初始第一个图片宽度最大$(".box > div").each(function(i, e) { $(e).hover( function() {//鼠

点击左右按钮图片横向滚动jquery，一次滚动四个，图片滚动完成，自动回到第一个版面：效果图如下： 点击左右按钮图片横向滚动 * { margin:0; padding:0;} body { font-size:12px;} .box {height:66px; float:left; width:440px; o

$(function(){ $(".title").click(function() { $(".container").not($(this).next()).slideUp(); $(this).next().slideToggle(400); $(this).toggleClass("down-arrow