May232013
Jquery判断图片是否加载失败
Jquery如何判断图片是否加载失败,下面用一个案例说明一下该问题,具体问题可根据具体情况去完善即可(下面的案例是当class为phpernote_content下的图片加载失败的时候自动去加载load_fail.png)。
JavaScript部分代码:
$(function(){
$(".phpernote_content img").each(function(){
if(this.fileSize<=0){
this.src="http://www.phpernote.com/images/load_fail.png";
...阅读全文
抢沙发
May232013
javascript实现刷新iframe的方法的总结
javascript实现刷新iframe的方法的总结,现在假设存在下面这样一个iframe,则刷新该iframe的N种方法有:
<iframe src=”1.htm” name=”ifrmname” id=”ifrmid”></iframe>
第一种方法:用iframe的name属性定位
<input type=”button” name=”Button” value=”Button” onclick=”document.frames(...阅读全文
May232013
jquery移动dom节点的方法总结
jquery移动dom节点也是偶尔会用到的DOM操作,下面作者将和大家分享一下如何使用jQuery移动dom节点。
注意移动dom节点和复制dom节点是两回事,移动dom节点是将一个dom节点从一个位置移动到另外一个位置,移动之后该dom节点还是只有一个。而复制dom节点在操作完之后会变成两个。下面还是通过几个实例做一下解释说明吧。
假设页面有如下代码段
<body>
<div>http://www.phpern...阅读全文
May232013
jquery 模拟鼠标点击事件
Jquery模拟鼠标点击事件,如下面这个例子,下面这个例子实现的效果就是点击b和点击a的效果是一样的,虽然我们并没有给b设置具体的点击事件。
<html xmlns="http://www.phpernote.com/javascript-function/290.html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery模拟鼠标点击事件-示例</title>
<...阅读全文
May232013
js如何判断鼠标滚轮是向下还是向上滚动
判断鼠标滚轮是向上或向下滚动,不同的浏览器的判别方式是不一样的,当前比较流行的浏览器有 IE,Opera,Safari,Firefox,Chrome,在这个问题上Firefox和其他浏览器的实现方式是不一样的。现在通过一个具体的示例来分析这个问题吧!
示例代码如下:
<label for="wheelDelta">滚动值:</label>(IE/Opera)<input type="text" id="wheelDelta"/>
<label for="detai...阅读全文
May232013
web前端开发小工具集合
收集的一些轻量级非常实用的前端开发小工具,以后还会不定期进行更新,现将目前收集的信息列表如下:
CSS 3相关
1.CSS3样式生成器:http://www.css88.com/tool/css3Preview/
2.CSS3渐变样式生成器,类似Photoshop中的渐变界面:http://www.colorzilla.com/gradient-editor/
3.CSS3动画制作工具Sencha Animator:http://www.sencha.com/products/animator/
4.背景色alpha透明工具:http:/...阅读全文
May232013
利用js禁止浏览器直接选择复制文章内容的办法
天下文章一大抄!很多优质原创的文章一夜间就能够在互联网上传了个遍。做SEO的都知道,发原创文章对自己网站的优化是非常好的,特别是在搜文章标题的时候,原创的一般排名第一。但是优化是给搜索引擎看的。而在互联网有个很头痛的问题,一篇文章对搜索引擎来说到底谁是原创。这个是不一定的。举个简单例子:比如你在博客(当然假设你博客每日访问量很低,每天就几百人的情况下)上发表了一...阅读全文
May232013
远离IE6毁灭IE6抵制IE6
IE6曾经是最著名的浏览器,然而在兼容性和安全性上的众多诟病,最终导致了“拒绝IE6”运动,并得到了那些不愿意再为照顾IE6而耗费额外编码时间的网络公司的支持。据CNN报道,现在仍有15-25%左右的用户还在使用IE6,虽然与鼎盛时期的80%差距悬殊,但也足以让支持这场运动的人发表如下说明:
微软IE6发布于2001年末,在当时是相当好的浏览器,但现在已经是2009年了,仍有很大一部分网民还在使...阅读全文
May232013
javascript利用谷歌地图开发路线图示例
javascript利用谷歌地图开发路线图示例,效果如下:
页面代码如下:
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Directions Complex</title>
<link href="http://code....阅读全文
May232013
JavaScript 显示文件最后修改时间
如何知道一个页面文件的最后修改时间呢?除了右键点击文件查看属性外,还可以使用JavaScript 显示文件最后修改时间,具体代码如下,只需将下面这段代码拷贝到相应的页面中即可:
<script language=JavaScript>document.write("最后更新时间: " + document.lastModified + "")</script>
阅读全文