sliderPro是一款基于jQuery的拓展,实现了上下图片轮播,右侧带有小略缩图,体积也非常小。与bootstrap的Unslider实现的效果是一样的。 用于首页部分还是挺不错的。 使用也是很简单的。css部分我不贴出来,就直接看一下js的初始化使用。 ...
分类:
其他好文 时间:
2016-10-19 09:38:15
阅读次数:
3228
移动端滑屏 touch事件 移动端触屏滑动的效果的效果在电子设备上已经被应用的越来越广泛,类似于PC端的图片轮播,但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //触摸屏幕时触 ...
分类:
移动开发 时间:
2016-10-18 15:59:08
阅读次数:
267
《借鉴地址:http://blog.csdn.net/rtian001/article/details/48474677》 ...
分类:
Web程序 时间:
2016-10-16 16:07:01
阅读次数:
348
// 主布局文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width= ...
分类:
其他好文 时间:
2016-10-13 21:30:30
阅读次数:
184
方法一、原生js,这种方法效果比较好 html,设置最外围的div宽高为一次要展示的图片的总宽高,设置相对定位;内层div宽度为外层div宽度的2倍,高度与外层div一样,设置绝对定位。 window.onload=function(){ var oDemo=document.getElementB ...
分类:
其他好文 时间:
2016-10-13 09:29:32
阅读次数:
117
HTML代码部分: CSS3代码部分: 最终效果图如下: ...
分类:
Web程序 时间:
2016-10-05 09:01:25
阅读次数:
1085
图片轮播 window.setInterval("Huan()",4000); var n = document.getElementsByClassName('ysd1').length-1;var d =0; function Huan() { var attr = document.getEl ...
分类:
其他好文 时间:
2016-10-02 17:15:40
阅读次数:
146
一.选项卡效果 效果图 第二个题. 图片轮播 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html ...
分类:
其他好文 时间:
2016-09-26 16:25:34
阅读次数:
127
选项卡效果表: <body><div id="aaa"> <div class="bbb" style="width:50px; height:30px; background-color:#3F0" onclick="Show('d1')">娱乐</div> <div class="bbb" st ...
分类:
Web程序 时间:
2016-09-26 16:21:28
阅读次数:
302