【黄聪：手机移动端建站Jquery+CSS3+HTML5触屏滑动特效插件、实现触屏焦点图、图片轮展图】的更多相关文章

黄聪：手机移动端建站Jquery+CSS3+HTML5触屏滑动特效插件、实现触屏焦点图、图片轮展图

前言 TouchSlide 可以说是 SuperSlide 手机简化版,不同的地方在于:1.TouchSlide是纯javascript开发的,不依赖任何js库,鉴于此,TouchSlide调用方法和SuperSlide有点不同.调用方法为:TouchSlide({slideCell:"#slider",effect:"leftLoop"});(slideCell必须为id对象);同样效果,SuperSlide调用方法为:jQuery("#slider&q…

jQuery+CSS3实现404背景动画特效

效果:http://hovertree.com/texiao/jquery/74/ 源码下载:http://hovertree.com/h/bjaf/ko0gcgw5.htm 效果图如下: 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&…

jquery+css3打造一款ajax分页插件

原文:[原创]jquery+css3打造一款ajax分页插件 最近公司的项目将好多分页改成了ajax的前台分页以前写的分页插件就不好用了,遂重写一个 支持IE6+,但没有动画效果如果没有硬需求,个人认为没必要多写js让动画在这些浏览器中实现css3的动画本来就是帮我们取代js中这部分动画代码的使js更纯粹地去实现逻辑 效果图如下: 调用代码如下: 包括常用的加载失败重试,参数可配置是否能手动输入页码,设置按钮数目,可以调用多个page等等,调用代码很简便 <script type="tex…

【JavaScript&jQuery】轮展图

用bootstrap实现轮展图和用Jquery自定义轮展图两种   1.使用bootstrap插件 效果图: 用一个超简单的方法,那就是用bootstrap的插件,什么?不懂bootstrap?没关系,只要会换图片就可以了. 第一步:准备好bootstrap.min.css和bootstrap.min.js(不能是bootstrap.js,因为没有集成其插件),最后还有jquery.js. 第二步:开始干活,data-slide-to来设置图片底部滑动索引,data-slide设置是下一页还是上…

基于jQuery/CSS3实现拼图效果的相册插件

今天我们要来分享一款很酷的jQuery相册插件,首先相册中的图片会以一定的角度倾斜放置在页面上,点击图片缩略图就可以展开图片,并且图片是由所有缩略图拼接而成,图片展开和收拢的动画效果也非常不错.当然图片倾斜需要CSS3支持. 在线预览   源码下载 实现的代码. <div id="im_wrapper" class="im_wrapper"> <div style="background-position:0px 0px;"&g…

《黄聪:手机移动站SEO优化教程》2、PC端和手机移动端SEO优化区别

视频地址:http://v.youku.com/v_show/id_XNzE2ODcxNjM2.html…

《黄聪:手机移动站SEO优化教程》1、为什么要做手机移动端网站

视频地址:http://v.youku.com/v_show/id_XNzE2Mzk3MjI4.html…

《黄聪:手机移动站SEO优化教程》4、如何实现手机移动网站和PC站点的自主适配

视频地址:http://www.tudou.com/programs/view/v4Hur5vjav4/ 1.自主适配 A:站点自己做好PC与手机之间的适配,以及手机站各个版式之间的适配.当手机用户通过百度移动搜索或者其他方式访问站点的PC页时,站点将其自动适配到该PC页面对应的手机页,并为之选择合适的页面版本. B:站点若暂不具备自主适配的能力,可以使用百度提供的终端适配服务,简单快捷地实现自主适配.即:站点调用百度终端适配服务API进行简单的开发,就可以获取到访客的终端信息(包含操作系统.浏…

黄聪：WebBrowser执行和安装jQuery脚本（IEBrowse）

上一文章说明了如何让 js 脚本访问 .NET 中的类, 这次希望给大家说明一下在任意页面中安装 jQuery 脚本, 并操作页面上的元素. 其实在第一篇关于 IEBrowser 的文章当中, 已经有了一段 jQuery 的示例, 但可能由于篇幅原因, 没有过多的解释, 所以决定单独写一篇来重新说明. 这次准备的例子也是较为简单的, 实现了模拟用户搜索百度, 请大家看下面的代码: if ( string.IsNullOrEmpty ( this.txtKeyword.Text ) ) retur…

黄聪：Discuz自制模板带jquery时与discuz本身冲突解决办法

由于JQuery的效果很好,在制作模板时难免会用到各种jquery效果.可是做过模板的人就会发现加上自己的juery代码后,discuz自带的一些下拉功能就不可以使用了,其实原因就是discuz和JQuery的$发生冲突,导致有些功能失效.在网上找了一些资料整理了一下,希望能够帮到大家,同时也希望discuz能尽快解决这个问题. 方法一: 在页面的最头部,也就是<head>标签下的第一行开始引入我们用到的JQuery文件,这是为了能确保该JS可以在DZ默认JS之前加载. 在引用到该JS文件的地…