新普京网站-澳门新普京 > 新普京网站 > jq实现酷炫的鼠标经过图片翻滚效果_jquery_脚本之家新普京网站:

jq实现酷炫的鼠标经过图片翻滚效果_jquery_脚本之家新普京网站:

2019/12/29 23:27

短暂的十多行代码就落成了二个绚烂的图形翻滚代码,要落到实处这几个意义并轻巧,只要思路对了,一切都好办,相当少说了,直接上代码看効用! html构造: 复制代码 代码如下:

  • 新普京网站 11
  • 新普京网站 22
  • 新普京网站 33
  • 新普京网站 44
  • 新普京网站 55
  • 新普京网站 66
  • 新普京网站 77
  • 新普京网站 88

css代码: 复制代码 代码如下: *澳门新普京 ,{ margin:0; padding:0;} .list{ width:640px; margin:100px auto; border:1px solid #新普京网站 ,ddd; overflow:hidden;} .list li{ float:left; width:150px; height:80px; overflow:hidden; list-style:none; margin:5px; display:inline; position:relative;} .list li img{ float:left; width:150px; height:80px; border:none;} .list li a{ position:absolute; left:0; top:0; width:150px; height:0; background:#999; margin-top:40px; display:inline; text-align:center; line-height:80px; overflow:hidden; color:#fff; text-decoration:none;} jq代码: 复制代码 代码如下: $ { $.hover.children; $.stop(卡塔尔.animate({ 'marginTop': 40, 'height': 0 }, 200, function .siblings.animate({ 'height': 80, 'marginTop': 0 }, 200卡塔尔; }卡塔尔国; }, function .children; $.stop(State of Qatar.animate({ 'height': 0, 'marginTop': 40 }, 200, function .siblings.animate({ 'marginTop': 0, 'height': 80 }, 200卡塔尔国; }卡塔尔; }卡塔尔(قطر‎; }卡塔尔; 是或不是一点也不细略的几句jq代码?亲,无妨copy下来看下效果呗!

上一篇:jquery澳门新普京:、js操作checkbox全选反选_javascript技巧_脚本之家 下一篇:js过滤特殊字符输入适合输入澳门新普京: