`
文章列表
按照惯例,外部Javascript文件带有.js扩展名。 但这个扩展名不是必须的,因为浏览器不会检查包含javascript文件的扩展名。 这样一来,使用JSP、PHP或其他服务器端语言动态生成javascript代码也就成为了可能。 但是,服务器通常还是需要看扩展名决定响应哪种MIME类型。如果不使用.js扩展名,请确保服务器能返回正确的MIME类型。   <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8& ...
对于document.compatMode ,很多朋友可能跟我一样很少接触,知道他的存在却不清楚他的用途。今天在ext看到document.compatMode的使用,感觉这个对于我们开发兼容性的web页面还很有帮助。 我们知道,IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在Standards Mode下对于盒模型的解释与其他的标准浏览器是一样,但是在Quirks Mode模式下则有很大差别,而在不声明Doctype的情况下,IE默认又是Quirks Mode。所以为兼容性考虑,我们可能需要获取当前的文档渲染方式。   document. ...
DOM标准引入了覆盖样式表的概念,当我们用document.getElementById("id").style.backgroundColor 获取样式时 获取的只是id中style属性中设置的背景色,如果id中的style属性中没有设置background-color那么就会返回空,也就是说如果 id用class属性引用了一个外部样式表,在这个外部样式表中设置的背景色,那么不好意思 document.getElementById("id").style.backgroundColor 这种写法不好使 ,如果要获取外部样式表中的设置,需要用到win ...
原文的链接在:http://www.appelsiini.net/projects/lazyload 现在Lazy Load的版本已经是1.7.0 下载地址: 完整版https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.js   ,  压缩版https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.min.js 下面进入正题. Lazy Load的使用 ...
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery实例 - 生成年月日</title> <meta http-equiv="content-type" content="text/html; charset=gbk"> <script type="text/javascript" src="http://ajax.googleapis ...
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片 . 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.   怎样使用? Lazy Load 依赖于 jQuery . 请将下列代码加入页面 head 区域: <script src="jquery.js" ...
jquery jsonp php实例 远程服务器上的php文件(test.php): <?php $callback = isset($_GET["callback"])?$_GET["callback"]:"callback"; $foo = isset($_GET["foo"])?$_GET["foo"]:"'"; $format = isset($_GET["format"])?$_GET["format" ...
很多人忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧!   META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD&g ...
假如请求:main.js?path=root&tm=123456789 1.建立文件 main.js 代码如下: /** * 用于解析js脚本的参数, 例如: main.js?path=root&tm=123456789 * 函数返回 Array, key -> value. */ var GetParameter = function() { var map = new Array(); var tgs = document.getElementsByTagName(’script’); if( tgs.length ...
下拉滚动条或鼠标滚轮滚动到页面底部时, 动态即时加载新内容。 后台用 json 传输数据, 示例程序中只写了示例数组。数据也只设置了两个属性, 需根据实际应用改写。 页面用了 ul li 做为容器, 每个 li 表示一列 <ul id=& ...

分页栏放大镜效果

    博客分类:
  • HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset ...
直接上代码: $(function(){ $(".pic").mouseover(function(){ if(!($(this).is(":animated"))){ $(this).animate({"top":"-15px",},200).animate({"top":"-0px",},200) .animate({"top":"-12px",},200).animate({"top" ...
今天在写代码的时候JS一直报上面这个错。搞了半天一直想不明白 。我看别的页面都是这样写了就是没有一点错。。 可能是写了一个晚上的代码。。头有点晕。。后来终于找到原因了。。浪费我两个小时啊。。杯具。。   有时候需要用javascript提交表单,这个时候我们会用javascript:userform.submit();可是我在这样做的时候怎么也提交不成功,报出javascript错误 Javascript Error: submit is not a function。百思不得其解,后来查阅资料才发现,在用userForm.submit() 提交表单的时候,表单里面不能有name= ...
parentElement 获取对象层次中的父对象。 parentNode 获取文档层次中的父对象。   childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。 children 获取作为对象直接后代的 DHTML 对象的集合。 parentNode 和parentElement 功能一样,childNodes 和children 功能一样。 但是parentNode 和childNodes 是符合W3C标准 的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefo ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset ...
Global site tag (gtag.js) - Google Analytics