前端开发

 首页 > 前端开发 > jquery教程 > jquery如何实现点击滑动小图放效果

jquery如何实现点击滑动小图放效果

分享到:
【字体:
导读:
          jquery如何实现点击滑动小图放效果,具体代码如下: 1. CSS部分: styletype=text/cssul{list-style:none;}li{float:left;margin-left:10px;}img{border:#CCCCCCsolid1px;}#max{position:absolute;display:none;/*隐藏层*/}/style 2...

jquery如何实现点击滑动小图放效果,具体代码如下:

1. CSS部分:


ul{
  list-style:none;
}
li{
  float:left;
  margin-left:10px;
}
img{
  border:#CCCCCC solid 1px;
}
#max{
  position:absolute;
  display:none; /*隐藏层*/
}

2. HTML部分:

苹果产品列表:

3. javascript部分:

分享到:
jQuery插件boxScroll实现图片轮播特效
BoxScroll       常见图片轮播效果的简单实现。可以数字列表控制或者左右按键控制。逻辑很简单,到了尽头得往回跑,看看注释就知道了。       代码如下: html部分: 简易图片轮播插件                          ToLeft         ToRight       ...
jQuery实现html元素拖拽
代码很简单,效果非常棒,直接给大家上源码: html:        定投金额 :                   元                                            100     500     1000     2000     3000     4000     5000     ...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……