02 2016 档案

js提取文本内容中的网址url并自动加上超链接地址

摘要：第一种方法：如图 HTML代码为： <div class="thread_mess" id="thread_imgid" data-tid="67902"> <div class="message">发动最后一次的宣传,看看是否连接可以点击了 ,如果不行,找我,如果行,就不要找我了!http://w 阅读全文

posted @ 2016-02-26 17:55 chenguiya 编辑

JS实现base64编码与解码

摘要：这个方法曾经在图集图片保存的时候需要转换成base64编码或者escape编码，然后再回馈给源生解码保存到本地文件！ [javascript] view plain copy print? var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcd 阅读全文

posted @ 2016-02-22 16:44 chenguiya 编辑

【html5移动端】点击图片出现排序图集插件-幻灯片制作手指滑动触屏手机幻灯片

摘要：第一种方法：效果图为： HTML代码为: JS代码为：本地效果可以在app/plug/photoswipe/cid_photo.html 手机触屏观看：http://www.5usport.com/forum.php?mod=viewthread&tid=67255 线上效果为： http://c 阅读全文

posted @ 2016-02-18 12:24 chenguiya 编辑

zoomIn、zoomOut---动画

摘要：第一种方式：zoomIn-zoomOut动画 CSS代码为： .pages .p3 img{ width: 100%;} .item-01{ position: absolute; left: 50px; top: 50px; width: 300px;-webkit-animation: zoom 阅读全文

posted @ 2016-02-03 14:55 chenguiya 编辑

tada---动画

摘要：第一种方式：tada-动画 CSS代码为： .pages .p3 img{ width: 100%;} .item-01{ position: absolute; left: 25px; top: 400px; width: 500px;} .item-02{ position: absolute; 阅读全文

posted @ 2016-02-03 11:32 chenguiya 编辑

twisterInUp、twisterInDown---动画

摘要：第一种方式：twisterInUp-动画 CSS代码为： .pages .p3 img{ width: 100%;} .item-01{ position: absolute; left: 50px; top: 10px; width: 300px;-webkit-animation: twiste 阅读全文

posted @ 2016-02-03 10:50 chenguiya 编辑

vanishIn---动画

摘要：第一种方式：vanishIn-动画 CSS代码为：本地效果为：app/html5_animation/vanishIn.html 第二种方式：vanishOut--动画 CSS代码为：本地效果为：app/html5_animation/vanishOut.html 阅读全文

posted @ 2016-02-03 10:34 chenguiya 编辑

flash---动画

摘要：第一种方式：flash-动画 CSS代码为： .pages .p3 img{ width: 100%;} .item-01{ position: absolute; left: 20px; top: 50px; width: 100px;-webkit-animation: flash 2s eas 阅读全文

posted @ 2016-02-03 10:21 chenguiya 编辑

bounceIn、bounceInDown、bounceInUp、bounceInLeft、bounceInRight---动画

摘要：第一种方式：bounceIn-动画 CSS代码为： .pages .p3 img{ width: 100%;} .item-01{ position: absolute; left: 20px; top: 10px; width: 300px;-webkit-animation: bounceIn 阅读全文

posted @ 2016-02-03 10:10 chenguiya 编辑