web
ifeixiang
这个作者很懒,什么都没留下…
展开
-
Jquery改变按钮链接a的hover背景
考虑到有很多的不同的按钮图片,用:hover属性需要每个都定义,太麻烦,所以写个了js来自己换图片 1 $(document).ready(function(){ 2 var str ; //全局变量,存储原来图片的src 3 $("div.autohover a").mouseover( 4 function() 5原创 2013-05-18 08:42:41 · 524 阅读 · 0 评论 -
在ipad上网页的一些优化代码
1 * {2 -webkit-touch-callout: none;3 -webkit-user-select: none; /* Disable selection/Copy of UIWebView */4 -webkit-tap-highlight-color:rgba(0,0,0,0);5 }原创 2013-05-18 08:47:35 · 427 阅读 · 0 评论 -
HTML5模板生成工具
进行基本的HTML5开发时,利用模板生成工具可以大大加快开发速度。 两个很好的工具:http://switchtohtml5.com/ http://www.initializr.com/但是还是建议手写...原创 2013-05-18 08:43:17 · 742 阅读 · 1 评论 -
移动平台使用的支持触屏操作的Sliders
在移动平台上,使用JQuery传统的slider可能有点吃力。而利用css3的transform3d可以调用硬件加速,所以可以达到很流畅的效果。下面是几个很好的JQuery Image Slider,均支持手势操作:首推当然是 PhotoSwipe , 非常流畅Swipejs iscroll4 iscroll4相比iscroll3增加了很多高级功能,如放大,滑动元素等,这样便可原创 2013-05-18 08:47:56 · 497 阅读 · 0 评论 -
XML系列:xsl与xml组织数据
到w3c看一下,xml的家族的确有点庞大,包括xml,xsl,xpath等等,http://www.w3school.com.cn/x.asp 其中,xml+xsl的组合为我们很好的将模板与数据分离。下面是一段js解析xsl与xml生成html的代码: 1 // 由于我们在移动平台上用,所以不兼容 ie 2 3 // 使用方法 4 $(function() {原创 2013-05-18 08:47:54 · 401 阅读 · 0 评论 -
backbone.js入门
http://javascriptissexy.com/learn-backbone-js-completely/http://addyosmani.github.io/backbone-fundamentals/http://coenraets.org/blog/2011/12/backbone-js-wine-cellar-tutorial-part-1-getting-started原创 2013-05-18 08:47:49 · 378 阅读 · 0 评论 -
Jquery ajax
在现有项目的开发中,我们都采用的xml配置的方式进行开发,服务器端用相应工具生成数据的xml文件(这里我使用了Perl来生成,因为其强大的字符串处理能力),客户端采用Javascript读取xml进行相关数据的读取。Jquery提供的 .ajax函数可以让我们很方便地进行ajax操作。下例是一个放置图片上热点的坐标信息点: 1 function loadHotSpot() 2 {原创 2013-05-18 08:47:45 · 386 阅读 · 0 评论 -
jquery exif + lazyload实现延迟加载并显示相片exif信息
对一个摄影爱好者来说,从高手的作品中学习是非常有用的。而照片的光圈,快门,感光度等信息是关注的重点。上代码: 1 2 3 4 5 $(document).ready( 6 function() 7 { 8 count = 19 ; 9 var default原创 2013-05-18 08:47:38 · 741 阅读 · 0 评论 -
显示Iframe指定位置
只要1个wrapper指定高宽度,再用绝对定位,设置left和top为负值即可。1 style type="text/css"> 2 .wrapper3 { width:670px; height:350px; margin:100px 30px; overflow:hidden; position:relative; }4 .iframe { width:1024px;h原创 2013-05-18 08:46:28 · 1458 阅读 · 0 评论 -
Jquery与CSS中的大于符号
在Jquery中,使用大于号选择符,表示在第一级子元素中查找元素 例如:$('#content>div') 表示查找第一级子元素中的div,例如在1 div>12 div>13 div>1div>4 div>5 div>6 div>1div>得到的结果就是2. 使用空格选择符,代表在所有级别的子元素中查找元素 如上一个例子中得到的结果原创 2013-05-18 08:43:10 · 816 阅读 · 0 评论 -
JQuery Tab菜单的实现
一个tab面板div id="tab">div class="menu">div class="menuItem">1div>div class="menuItem">2div>div class="menuItem">3div>div class="menuItem">4div> div>div class="tabContentWrappe原创 2013-05-18 08:43:08 · 397 阅读 · 0 评论 -
搭建一个全栈式的HTML5移动应用框架
框架满天飞的世界:http://www.ihybridapp.com/index.php/archives/166原创 2013-05-18 08:47:47 · 506 阅读 · 0 评论