作者:hgo6786689 | 来源:互联网 | 2023-08-19 20:03
演示地址在这里!touch.js主要在桌面模拟了手指触摸,滑动,释放等系列事件,值得一看.源码如下:1:<!DOCTYPEhtml>2:<htmllang"e
演示地址在这里!
touch.js主要在桌面模拟了手指触摸,滑动,释放等系列事件,值得一看.
源码如下:
1: DOCTYPE html>
2: <html lang="en">
3: <head>
4: <meta charset="UTF-8" />
5: <title>carousel demotitle>
6: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/Javascript">script>
7:
8:
9:
20:
21:
22: "carousel" str">"height:420px; 300px;margin:auto; ">
23:
24:
29: "background: green;">
30: "background: blue;">
31: "background: pink;">
32:
33:
34: "carousel_dots" str">"text-align: center; margin:auto; clear: both; z-index: 200; position:relative;
35: top:-50px; ">
36:
37:
38: //pagingDiv: 分页标志容器
39: //pagingCssName: 分页标志容器样式类
40: //pagingCssNameSelected: 分页标志选中的样式类.
41: //vertical: 是否垂直方向
42: //horizontal: 是否横向方向.
43: var carousel=$("#carousel").carousel({ pagingDiv: "carousel_dots", pagingCssName: "carousel_paging2", pagingCssNameSelected: "carousel_paging2_selected", preventDefaults:false });
44: script>
45: body>
46: html>