尽管我们可以使用CSS Sprites等各种CSS手段来避免页面交互时图片加载延时的问题,但有些情况下依然需要使用JS脚本的手段来实现图片预读。 以下是基于jQuery实现图片预读的方法(用jQuery只是为了方便,你也可以使用原生js或者其他类库),以下代码请放入js文件中或者 <script/>块里(事先请保证已加载jQuery类库): function imagePreload(images){ var arr = [’<div style="display:none;">’]; $.each(images, function(i, data){ arr.push(’<img src="’+ data +’" />’); }); arr.push(’</div>’); $(’body’).append(arr.join(”)); } 调用的时候,使用以下代码: var preloadImages = [], preloadDir = ‘./img/’; //preloadDir为图片文件所在的路径 preloadImages.push(preloadDir + ‘a.jpg’); //这里的每一行添加一张图片,请自行修改图片文件名 preloadImages.push(preloadDir + ‘b.jpg’); preloadImages.push(preloadDir + ‘c.jpg’); imagePreload(preloadImages); //调用之前写的preload方法 如果不喜欢使用jQuery,那么可以将这个方法改写为: function imagePreload(images){ var arr = [], elm = document.createElement(’div’); for(var [...]
为你的评论框增加Ctrl+Enter提交功能
写完评论之后不能按Ctrl+回车提交,非要拿鼠标点一下,实在是痛苦的事情,不知道打消了多少懒人留言的积极性。 想给你的评论框添加这个功能么,那么就开始吧: 打开主题中comments.php文件,按Ctrl+F搜索“textarea”,然后在他的后面加上以下代码: onkeydown="if(event.ctrlKey&&event.keyCode==13) {document.getElementById(‘submit’).click();return false};" 大概改完以后就是这么个样子: 保存提交,然后就有这个功能了,经我自己测试了,基本上市面上的浏览器都可以很好的支持,爽吗? Have fun !