在html中引入jquery插件的方法有以下两种:
成都创新互联公司于2013年成立,先为嵊州等服务建站,嵊州等地企业,进行企业商务咨询服务。为嵊州企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
1:CDN引入,在head标签中加入下列代码
head
script src=""/script
/script
/head
2:本地引入,这种方法要求本地有jquery.js:
head
script src="jquery.js"/script
/script
/head
jquery可以到其官网下载,官网地址是;
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。推荐使用CDN,许多用户在访问其他站点时,已经从其他加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。同时推荐使用百度CDN,因为其他的比如谷歌和微软的CDN不可用!
maxentries 总条目数 必选参数,整数
items_per_page 每页显示的条目数 可选参数,默认是10
num_display_entries 连续分页主体部分显示的分页条目数 可选参数,默认是10
current_page 当前选中的页面 可选参数,默认是0,表示第1页
num_edge_entries 两侧显示的首尾分页的条目数 可选参数,默认是0
link_to 分页的链接 字符串,可选参数,默认是"#"
prev_text “前一页”分页按钮上显示的文字 字符串参数,可选,默认是"Prev"
next_text “下一页”分页按钮上显示的文字 字符串参数,可选,默认是"Next"
ellipse_text 省略的页数用什么文字表示 可选字符串参数,默认是"..."
prev_show_always 是否显示“前一页”分页按钮 布尔型,可选参数,默认为true,即显示“前一页”按钮
next_show_always 是否显示“下一页”分页按钮 布尔型,可选参数,默认为true,即显示“下一页”按钮
callback 回调函数 默认无执行效果
首先这些都不叫插件,叫JavaScript框架,也叫Jquery类库,是所有Jquery插件(有很多,Jquery幻灯啊,Jquery导航啊,请百度)的基础,就是你要用Jquery插件就要导入jquery-1.4.2.js这些query-1.4.2.js里面有注释的教你怎么用的,数字是版本号jquery-1.6.4.min.js
带min是压缩后的,可以挂网页上得,用于减少加载。
jquery正规命名规范
jquery -版本号
.min压缩版
不带.min就是未压缩版
jquery-1.6.4.min.js
一般使用都用带.min的
节省加载时间。
其他的都是基于
jquery做的开发,命名各不相同,但都依赖于jquery
shCircleLoader是一个非常棒的jQuery加载动画插件,它可轻松的集成到web应用中,帮助web开发人员快速创建各种加载动画。
特点:
多种动画参数选择
通常不需要包括CSS文件,但是你可以从脚本关闭CSS样式,进行自定义。
CSS“名称空间”允许您创建不同的加载动画在同一页
自定义CSS关键帧animtion声明
加载进程在画动中央显示
需求:
shCircleLoader 只有jquery 1.10.3 和 2.0.3上测试过,不过其它版本应该也可以使用。
需要现代浏览器的CSS3的动画支持,在Opera上有点小问题
使用方法
在head区引入核心文件
script src="" type="text/javascript"/script
script src="/your/path/to/jquery.shCircleLoader-min.js" type="text/javascript"/script
创建一个动画,首先你必须把 div 标记添加到你需要显示的位置,并加上适当的宽度和高度。
div id="loader" style="width: 100px; height: 100px"/div
当动画播放时,使用shCircleLoader()函数创建一个div标记
$('#loader').shCircleLoader();
在动播正在播放时,可以显示一个加载进程在中心
$('#loader').shCircleLoader('progress', "50%");
第二个参数是你想要显示的字符串。您可以使用一个变量来代替。
动画已经停止时,你应该摧毁动画。
$('#loader').shCircleLoader('destroy');
选项
clockwise :Boolean型,定义动画的旋转方向
color:String型,点的颜色。如果使用“自动”项,颜色将从容器div的CSS属性中获取
dots:Integer型,点的数量
dotsRadius:Integer型,点的圆角。如果选择“自动”,该脚本将计算半径,所以点就不能被重叠。
duration:Float型,动画一个循环的持续时间,以秒为单位
externalCss:Boolean型,设为ture时,动画元素不接受任何CSS样式
keyframes:String型,定义点的动画
namespace:String型,CSS的命名空间
radius:Integer型,容器DIV的圆角
uaPrefixes:Array型,浏览器特定CSS前缀