比较好用_js地区联动与连续滚动_javascript地区联动与连续滚动

详细情况可以自行下载附件浏览,我在这里做个简单介绍。

[color=red][b]js地区联动_Javascript地区联动[/b][/color]

应用说明:页面包含<script type="text/javascript" src="PCASClass.js"></script>
省市联动
new PCAS("Province","City")
new PCAS("Province","City","吉林省")
new PCAS("Province","City","吉林省","吉林市")
省市地区联动
new PCAS("Province","City","Area")
new PCAS("Province","City","Area","吉林省")
new PCAS("Province","City","Area","吉林省","松原市")
new PCAS("Province","City","Area","吉林省","松原市","宁江区")
省、市、地区对象取得的值均为实际值。
注:省、市、地区提示信息选项的值为""(空字符串)



[color=red]截图欣赏:有图才有真相[/color]
[img]http://dl.iteye.com/upload/attachment/434643/c40e1201-f687-3082-ad2d-4ecaf94e1d71.jpg[/img]
[color=red]
js连续滚动控件_javascript连续滚动控件[/color][b][/b]

创建实例:
//参数直接赋值法
new Marquee("marquee")
new Marquee("marquee","top")
......
new Marquee("marquee",0,1,760,52)
new Marquee("marquee","top",1,760,52,50,5000)
......
new Marquee("marquee",0,1,760,104,50,5000,3000,52)
new Marquee("marquee",null,null,760,104,null,5000,null,-1)

//参数动态赋值法
var marquee1 = new Marquee("marquee") *此参数必选
marquee1.Direction = "top"; 或者 marquee1.Direction = 0;
marquee1.Step = 1;
marquee1.Width = 760;
marquee1.Height = 52;
marquee1.Timer = 50;
marquee1.DelayTime = 5000;
marquee1.WaitTime = 3000;
marquee1.ScrollStep = 52;
marquee1.Start();

参数说明:
ID "marquee" 容器ID (必选)
Direction (0) 滚动方向 (可选,默认为0向上滚动) 可设置的值包括:0,1,2,3,"top","bottom","left","right" (0向上 1向下 2向左 3向右)
Step (1) 滚动的步长 (可选,默认值为2,数值越大,滚动越快)
Width (760) 容器可视宽度 (可选,默认值为容器初始设置的宽度)
Height (52) 容器可视高度 (可选,默认值为容器初始设置的高度)
Timer (50) 定时器 (可选,默认值为30,数值越小,滚动的速度越快,1000=1秒,建议不小于20)
DelayTime (5000) 间歇停顿延迟时间(可选,默认为0不停顿,1000=1秒)
WaitTime (3000) 开始时的等待时间(可选,默认或0为不等待,1000=1秒)
ScrollStep (52) 间歇滚动间距 (可选,默认为翻屏宽/高度,该数值与延迟均为0则为鼠标悬停控制,-1禁止鼠标控制)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
swiperjs是一个非常流行的移动端轮播插件,可以用来实现左右联动和上下滚动的效果。 要实现左右联动上下滚动,我们首先需要在HTML中创建相应的结构。可以使用一个外层容器来包裹两个swiper实例,一个用来实现左右联动,另一个用来实现上下滚动。 设置左右联动的swiper实例时,需要设置"direction"为"horizontal",并设置相应的宽度。可以使用CSS来控制外层容器的宽度和高度。 设置上下滚动的swiper实例时,需要设置"direction"为"vertical",并设置相应的高度。可以使用CSS来控制swiper的高度和样式。 在JavaScript中,我们需要初始化两个swiper实例,并设置它们的参数。可以通过"Swiper"构造函数来创建实例,并传入相应的配置参数。 对于左右联动的swiper实例,我们可以添加"navigation"选项,用来显示左右箭头按钮。同时,我们还可以使用"controller"选项,将其与上下滚动的swiper实例进行控制关联。 对于上下滚动的swiper实例,我们可以添加"direction"选项,将其设置为"vertical",并可以使用"keyboard"选项来启用键盘控制。 通过上述的配置和设置,我们可以实现左右联动和上下滚动的效果。用户在左右滑动时,上下滚动的内容也会同步变化,从而实现了左右联动上下滚动的效果。 总之,通过swiperjs插件的灵活配置和丰富功能,我们可以很容易地实现左右联动和上下滚动的效果,为移动端的网页和应用增加交互和视觉上的吸引力。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值