www WWW.TQ5PJ-COM★空.姐WWW.7JG39-COM在自蔚

wwwfczstcom_www.77sbs_
&&&&&&& 深圳高达胶袋厂成立于2012年8月.是专业生产OPP胶袋、PE袋、PO袋、PP胶袋厂家、拥有20年的制袋经验技术人才,和完整的质量管理体系和公司的诚信、实力和产品质量获得业界的认可。我公司始终坚持以人为本.以质量为核心.以"科技创新求发展"为宗旨,奉行&客户至上,务实守信&的经营理念,遵循&高起点、高效率&和&技术进步、质量领先&的战略方针,以一流的管理,一流的服务赢得客户的信赖!
&&&&&& 目前我们公司生产产品己相当完善,如PE胶袋我们最小的可以生产2CM,最大的我们可以生产3M之间的任一规格,时代在发展,我们的技术也不断的得到提高,己由开厂以来的数人发展到了核心团队拥有稳定的生产规模,一直以来,我司秉承&质量第一、信誉至上;诚信做人、真诚做事&的原则,为客户提供&一站式服务&而努力着,因为我们深信品质铸就生命,在路上,我们用心走好每一步,做好每一个订单....我们一直致力于为国内外企业提供优质的包装材料及优质的服务,欢迎广大客户前来咨询。
高达胶袋厂
联系人:黄智强
联系电话:8
地址:广东省深圳市龙岗区山子下路3号您所在的位置: &
图片轮播(Jquery)
时间: 编辑:明月zq 来源:本站整理
昨天在博客园里面看到imwtr写的图片轮播(淡入淡出)的文章,觉得是否自己可以将该功能写成Jquery插件的形式,也方便之后如果需要的时候可以直接使用。
经过调整和整合,完成了第一版本的jquery.carousel.,接下来先简单介绍界面和功能:
点击切换、向前切换、向后切换、定时切换
3、功能实现
(1)、测试代码
$(function () {
var data = [
{ src: 'Content/home/1.jpg', info: '1.jpg点击图片导航到about.html', alt: '', href: 'about.html' },
{ src: 'Content/home/2.jpg', info: '2.jpg' },
{ src: 'Content/home/3.jpg', info: '3.jpg' },
{ src: 'Content/home/4.jpg', info: '4.jpg' },
{ src: 'Content/home/5.jpg', info: '5.jpg' },
{ src: 'Content/home/6.jpg', info: '6.jpg' },
{ src: 'Content/home/7.jpg', info: '7.jpg' }
var caro = $('#container').carousel({
data: [],// data,
'info-opacity': 0,
height: 300,
width: 400,
interval: 2000,
'default-index': 2,
'show-index': true,
'nav-width': 20,
'nav-color': 'red',
onChange: function (item) {
//caro.carousel('clear');
caro.carousel('loadData', data);
var index = caro.carousel('getIndex');
var data = caro.carousel('getData', index);
$('#next').click(function () {
caro.carousel('next');
$('#prev').click(function () {
caro.carousel('prev');
(2)、代码详细介绍
默认属性包含以下部分:
$.fn.carousel.defaults = {
'data': [],
'height': 'auto',
'width': 'auto',
'info-background-color': 'black',
//显示信息背景颜色
'info-height': 40,
//显示信息背景的高度
'info-opacity': 0.1,
//显示信息背景的透明
'info-style': 'font-size:12color:', //显示信息样式
'default-index': 0,
//初始时默认序号
//'nav-width': 10,
//左右侧导航宽度,未设置是默认为heihht的一半(height不为auto时,否则为20)
'nav-color': '#f6fafa',
//左右侧导航颜色
'interval': 5000,
//自动切换周期
'show-index': false,
//默认不显示右下侧按钮上的序号
'auto': true,
//自动切换
'border': true,
//显示边框
'margin': '30px auto',
onChange: function (item) { }
$.fn.carousel.methods = {
options: function (jq) {
return $.data(jq[0], 'carousel').
clear: function (jq) {
clearData(jq[0]);
loadData: function (jq, data) {
clearData(jq[0]);
bindingData(jq[0], data);
prev: function (jq) {
var options = $.data(jq[0], 'carousel').
var panel = $('.my-panel', jq[0]);
prev(panel, options);
next: function (jq) {
var options = $.data(jq[0], 'carousel').
var panel = $('.my-panel', jq[0]);
next(panel, options);
getIndex: function (jq) {
var options = $.data(jq[0], 'carousel').
return options['now-index'];
getData: function (jq, index) {
var options = $.data(jq[0], 'carousel').
return options.data[index];
最后奉上demo
&由于水平有限,代码中难免会出现错误或者不完善的情况,还请各位大婶指出~
热门关键字请选择车型
选择年份初始年份--结束年份1年内3年内5年内
选择颜色黑色深灰浅灰白色红色黄色香槟绿色蓝色紫色
手机号码请填写您的电话号码!
预约一对一服务已成功,我们会在24小时内和您联系。
车主:李岩地区:上海上海松江区
车主:厉来波地区:上海上海闵行区
车主:厉来波地区:上海上海闵行区
车主:厉来波地区:上海上海闵行区
车主:厉来波地区:上海上海闵行区
车主:金先生地区:浙江金华义乌
车主:金先生地区:浙江金华义乌
车主:金先生地区:浙江金华义乌
车主:金先生地区:浙江金华义乌
车主:师增琦地区:河北石家庄
车主:师增琦河北石家庄
车主:师增琦河北石家庄
车主:姚文举安徽合肥
车主:师增琦河北石家庄
车主:姚文举安徽合肥
车主:姚文举安徽合肥
车主:欧小姐上海上海普陀区
车主:宁先生河北石家庄
车主:宁先生河北石家庄
车主:宁先生河北石家庄
推荐经销商
推荐评估师
中国二手车市场依然在等一场20年还未吹到的风
各地二手车
扫描二维码
手机客户端iPhone下载
手机客户端安卓下载
华夏官方微信扫描加关注
华夏官方微博点击加关注114网址导航

我要回帖

更多关于 深空驿站pao66.com 的文章

 

随机推荐