您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery教程 > 正文

jQuery+HTML5仿iPhoneQQ首页效果

2014-02-18 09:02:39 作者:天外飞仙 人气:1653 Views

jQuery+HTML5仿iPhoneQQ首页效果
jQuery+HTML5仿iPhoneQQ首页效果
一款基于jQuery实现的仿QQiPhone首页效果,采用HTML5,适合手机APP展示。
适用浏览器:IE8+、FireFox、Chrome、Safari、Opera。
引入js代码

// JavaScript Document $(document).ready(function(){ $("nav ul").after('<img class="navHover" src="images/p1_scroll_btn.png" />'); $("nav li").each(function(i){ $(this).mouseover(function(){ $(".navHover").animate({'left':i*109 +'px'},300); $(".scrollImages img").animate({'left':i*-233+'px'},300); }) }) })

下载地址
预览地址

链接:http://www.jqueryba.com/2238.html(转载时请注明本文出处及文章链接)
分类:jQuery教程
标签:

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!