更多>
最新下载
24小时阅读排行榜
- 1 如何在输入特定数字时动态改变页面样式(如背景色)
- 2 Python 装饰器叠加时的执行顺序
- 3 如何防止表单在 JavaScript 确认逻辑未通过时重复提交
- 4 SQL 如何避免幻读(Phantom Read)在不同隔离级别下的表现
- 5 html5滤镜怎样模拟景深_html5景深滤镜css技巧【技巧】
- 6 html5布局代码圣杯布局原理_html5布局代码圣杯布局解析【原理】
- 7 如何在 WooCommerce 中实现订阅产品加入购物车后自动跳转至结算页
- 8 html5怎么实现图片噪点去除_html5降噪处理教程【技巧】
- 9 veth 接口残留的 docker network prune 与 containerd 清理
- 10 实现 Go 语言中的 Ruby 风格笛卡尔积运算
- 11 Laravel中如何优雅地处理API版本控制? (路由分组策略)
- 12 html5嵌入音频播放没声音_html5嵌入音频开声设置【方案】
- 13 html5滤镜怎么加彩虹渐变_html5彩虹滤镜应用教程【技巧】
- 14 html5播放rtsp需什么插件_html5播放rtsp插件选择【方案】
- 15 Python 观察者模式实现示例
更多>
最新教程
-
- Node.js 教程
- 16285 2025-08-28
-
- CSS3 教程
- 1546933 2025-08-27
-
- Rust 教程
- 23413 2025-08-27
-
- Vue 教程
- 25856 2025-08-22
-
- PostgreSQL 教程
- 22351 2025-08-21
-
- Git 教程
- 9310 2025-08-21
jQuery small2big图片缩放插件
jQuery small2big图片缩放插件,兼容主流浏览器,php中文网推荐下载!
使用方法:
1、head区域引用文件css和js库
2、在文件中加入html代码, 一个li对应一个图片,images文件夹的图片按数字命名 1.jpg, 2.jpg, ...
<ul class="s2b_col" id="s2b_col">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
3、引入以下js代码
$(document).ready(function(){
$("#s2b_col").small2big({
s2bRadius : 170, // 图片被放大时的圆形外框的半径
s2bColLiRowMargin : -10, // 每个圆形之间的距离
s2bLiBorderColor : "#000" // 圆形外框颜色
// s2bLiAlign : "V" 图片竖排
}).initS2bCol().addS2bFunction();
});
使用方法:
1、head区域引用文件css和js库
2、在文件中加入html代码, 一个li对应一个图片,images文件夹的图片按数字命名 1.jpg, 2.jpg, ...
<ul class="s2b_col" id="s2b_col">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
3、引入以下js代码
$(document).ready(function(){
$("#s2b_col").small2big({
s2bRadius : 170, // 图片被放大时的圆形外框的半径
s2bColLiRowMargin : -10, // 每个圆形之间的距离
s2bLiBorderColor : "#000" // 圆形外框颜色
// s2bLiAlign : "V" 图片竖排
}).initS2bCol().addS2bFunction();
});
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
