十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
maxentries 总条目数 必选参数,整数
创新互联建站是专业的新会网站建设公司,新会接单;提供网站设计、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行新会网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
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前缀
安装 jQuery 和 cropper.js
# install jQuery cropper
$ npm install jquery cropper --save
为jquery和Vue自定义指令配置webpack
为webpack配置添加jquery和Vue自定义指令的映射。
通常webpack已经引入了完整的jquery版本,但还是建议再一次引入一下。
您可以看到Vue的webpack模板已经添加到组件的文件夹中。我通常会添加很多其他文件夹像自定义指令,mixin等等。在这个例子中,我们只添加了自定义指令。
这将帮助我们引入依赖关系而无需知道其确切的路径。这也是有益的在你重构你的应用的时候。你也并不需要管理相对路径。
把下面高亮部分添加到build/webpack.base.conf文件中。
resolve: {
extensions: ['', '.js', '.vue'],
fallback: [path.join(__dirname, '../node_modules')],
alias: {
'src': path.resolve(__dirname, '../src'),
'assets': path.resolve(__dirname, '../src/assets'),
'components': path.resolve(__dirname, '../src/components'),
'jquery': path.resolve(__dirname, '../node_modules/jquery/src/jquery'),
'directives': path.resolve(__dirname, '../src/directives')
}
},
jquery layer插件,拓展模块layer.ext.js正确加载需要进行全局配置。
解决方法如下:
layer.config(options) - 初始化全局配置
这是一个可以重要也可以不重要的方法,重要的是,它的权利真的很大,尤其是在模块化加载layer时,你会发现你必须要用到它。它不仅可以配置一些诸如路径、加载的模块,甚至还可以决定整个弹层的默认参数。而说它不重要,是因为多数情况下,你会发现,你似乎不是那么十分需要它。但你真的需要认识一下这位伙计。
如果您是采用seajs或者requirejs加载layer,你需要执行该方法来完成初始化的配置。
如果你是采用script src="?a.jslayer.js"这种合并的方式引入layer,那么您需要在script标签上加一个自定义属性merge="true"。
layer.ready(path, callback) - 初始化就绪
由于我们的layer内置了轻量级加载器,所以你根本不需要单独引入css等文件。但是加载总是需要过程的。当你在页面一打开就要执行弹层时,layer.ready()会是一个不错的帮手。它也可以做一些layer.config可以做的事,比如指向layer.js所在目录。但是如果你已经通过layer.config配置了path,你在使用layer.ready时,是不需要path的
在html中引入jquery插件的方法有以下两种:
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不可用!