IE9+已经不对document.createElement向下兼容的解决方法

2017年02月06日 11 阅读

今天发现某网站上，IE9和chrome中页面的功能居然有差异，于是在IE9下打开console，发现一堆js报错，用fiddler跟踪了一下，原来代码里有一句是这样的：if（ie）{var iframe = document.createElement（"<iframe src="http://www.jb51.net"></iframe>"）;}是的，问题就出在这里：DOM Exception: INVALID_CHARACTER...

js动态生成Html元素实现Post操作（createElement）

2017年02月06日 12 阅读

有时，你需要Post数据到另一个页面上，那么你就需要构建一个Form表单<form id="postform" name="postform" method="post"><input name="msg" value=""/></form>复制代码 代码如下:document.write（"<form ..."//document.write（"<iframe src="about:blank" name=...

IE中document.createElement的iframe无法设置属性name的解决方法

2017年02月06日 12 阅读

iframe 的name可以是link或者form的target，将link或form打开到这个iframe上。之前在IE遇到过设置不了iframe的name属性JavaScript代码var iframe = document.createElement（"iframe"）;iframe.name = "ifr";//iframe.setAttribute（"name", "ifr"）; //这样也不行 上面两种方式都无法设置。后来找到原来也可以这样创建...

jquery实现鼠标点击后展开列表内容的导航栏效果

2017年02月06日 12 阅读

本文实例讲述了jquery实现鼠标点击后展开列表内容的导航栏效果。分享给大家供大家参考。具体如下：这是一款基于jQuery实现的导航栏，鼠标点击后展开隐藏的列表内容，用来制作一个目录是最合适不过的选择。本例是锋利的jQeury中的一个实例，这是最终的优化版本，兼容性还示曾测试，在火狐的表现尚不知情，有兴趣的朋友可测试或修正。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-mouse-click-s...

详解JavaScript中的4种类型识别方法

2017年02月06日 13 阅读

具体内容如下：1.typeof 【输出】首字母小写的字符串形式 【功能】 [a]可以识别标准类型（将Null识别为object） [b]不能识别具体的对象类型（Function除外） 【实例】console.log（typeof "jerry"）;//"string"console.log（typeof 12）;//"number"console.log（typeof true）;//"boolean"console.log（typeof...

JS实现可关闭的对联广告效果代码

2017年02月06日 12 阅读

本文实例讲述了JS实现可关闭的对联广告效果代码。分享给大家供大家参考。具体如下：这是非常经典的一款对联广告代码，带有关闭按钮，用户可以自行关掉广告，另外，广告的垂直位置会随着滚动条的变化自动定位，也就是拖动浏览器滚动条的时候广告始终显示，不会被隐藏掉，现在很多网站都在用的对联广告代码。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-close-able-2adv-style-codes/具体代码如下：&l...

JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js

2017年02月06日 14 阅读

我一直对人工智能识别技术非常感兴趣，因为我无法想象这究竟是一种什么样的算法，什么样的分析过程。无论是声音识别、人脸识别或其它种识别，人们的外貌、说话的方式都是如此不同，一种图片你可以用不同的方式、从不同的角度拍摄，我不能理解这些识别技术是如何做到的。有个叫做“面具”的游戏也使用了这种识别技术，我想对于脸部识别技术也应该研究一下。Facebook使用了这种技术，在手势控制中也能用到它，所以，你网站上也会有应用的地方。我找到的一个可以用于人脸识别的JavaSc...

JS+CSS实现自动切换的网页滑动门菜单效果代码

2017年02月06日 12 阅读

本文实例讲述了JS+CSS实现自动切换的网页滑动门菜单效果代码。分享给大家供大家参考。具体如下：这是一款支持自动切换功能的网页滑动门菜单，JS与CSS结合的技术成果，有人说它是自己会切换的网页选项卡标签面板，QQ登录后弹出的每日要闻迷你窗口中有类似效果，但是代码写法却是截然不同的，每一位作者的思路是不同的，因此您多了一份参考。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-auto-cha-tab...

jQuery实现鼠标悬停背景翻转的黑色导航菜单代码

2017年02月06日 13 阅读

本文实例讲述了jQuery实现鼠标悬停背景翻转的黑色导航菜单代码。分享给大家供大家参考。具体如下：这是一款jQuery实现的鼠标悬停背景翻转的黑色导航菜单菜单,预览效果时左下角会提示错误，而且看不到效果，刷新一下就可以看到效果了；当然，在实际使用中，不会出现这样的问题。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-mouse-over-bg-cha-black-nav-menu/具体代码如下：&...

jQuery实现Meizu魅族官方网站的导航菜单效果

2017年02月06日 12 阅读

本文实例讲述了jQuery实现Meizu魅族官方网站的导航菜单效果。分享给大家供大家参考。具体如下：偶尔看到魅族官方网站，发现网站的导航菜单的效果很不错就扣下来，俩字：给力。鼠标放到菜单上，菜单的下边会有一条横线在滑动。一直想找类似的效果学一下。结果，不是忘记有类似效果的网站的网址，就是压根儿找不到。。又不知道怎么描述，今天总算碰到了，真给力。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-mei...

JS+DIV+CSS实现的经典标签切换效果代码

2017年02月06日 12 阅读

本文实例讲述了JS+DIV+CSS实现的经典标签切换效果代码。分享给大家供大家参考。具体如下：这里演示JS+DIV+CSS实现的标签切换效果代码，通俗说就是滑动门的实现效果，很不错的实例，希望对你学习JS+CSS布局有帮助。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-div-css-bq-cha-tab-style-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W...

jQuery实现的Tab滑动选项卡及图片切换（多种效果）小结

2017年02月06日 13 阅读

本文实例讲述了jQuery实现的Tab滑动选项卡及图片切换效果。分享给大家供大家参考。具体如下：这里汇总了几个Tab，滑动门，选项卡，图片切换，在一个网页中实现了超多的常用效果，大家喜欢的滑动门，焦点图切换，标签选项卡以及文字轮番等都集中在了一起，无聊的功劳，忙的时候还顾不上写，另外还加入了圆角，都是参考以前学习的知识写的。期间使用了jquery-1.6.2.min.js框架库。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/...

js带缩略图的图片轮播效果代码分享

2017年02月06日 12 阅读

本文实例讲述了js带缩略图的图片轮播效果。分享给大家供大家参考。具体如下：这是一款基于javaScript实现带缩略图的图片轮播特效代码，实现过程很简单。运行效果图：-------------------查看效果 下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。在head区域引入CSS样式：<link href="css/jb51.net.css" rel="stylesheet" type="t...

jQuery实现默认是闭合的FAQ展开效果菜单

2017年02月06日 12 阅读

本文实例讲述了jQuery实现默认是闭合的FAQ展开效果菜单。分享给大家供大家参考。具体如下：这是一个默认是闭合的FAQ展形菜单，主要介绍jQuery的用法。Boolean布尔值is（ String expr ）用一个表达式来检查当前选择的元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。answer.is（":visible"）是指可见的answer元素。如果可见就调用answer.slideUp（）;使之隐藏。else则是不可见的元素...

根据user-agent判断蜘蛛代码黑帽跳转代码（js版与php版本）

2017年02月06日 12 阅读

黑帽seo手段中有一个大家都在用的技巧，在服务端判断 客户端浏览器的user-agent然后做进一步操作，网上一直都有人在用 这个代码 先是一个js代码 判断网站访客来路 如果是搜索引擎来的 就跳转 如果是直接访问则不变化 这段代码是从网上找来的 已经很久了 感谢原作者<script language="javascript">var pattern = /google/gi;var pattern1= /yahoo/gi;var keyVal...

js如何判断访问是来自搜索引擎（蜘蛛人）还是直接访问

2017年02月06日 14 阅读

以下javascript脚本代码可以实现判断访问是否来自搜索引擎。代码如下：<script type="text/javascript">if（window.name ！= "ad_app6"）{var r = document.referrer;r = r.toLowerCase（）; //转为小写var aSites = new Array（"google.","baidu.","soso.","so.","360.","yahoo.","...

JS实现完全语义化的网页选项卡效果代码

2017年02月06日 12 阅读

本文实例讲述了JS实现完全语义化的网页选项卡效果代码。分享给大家供大家参考。具体如下：这是一款完全语义化的JS网页选项卡，包括了两种用法，一种是点击式，另一种是滑动门式，具体用哪一种要根据你自己的需要了，滑动门是在鼠标经过时触发，选项卡则是需要鼠标点击的。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-yyh-web-tab-cha-nav-codes/具体代码如下：<！DOCTYPE html P...

JS+CSS实现自适应选项卡宽度的圆角滑动门效果

2017年02月06日 12 阅读

本文实例讲述了JS+CSS实现自适应选项卡宽度的圆角滑动门效果。分享给大家供大家参考。具体如下：这是一款JS+CSS打造自适应宽度的圆角滑动门，这里的圆角主要是靠一张背景图片去实现，所指的宽度是滑动门上的导航的宽度，不管文字有多少，它都会一直顺着下去，不会被内容所撑破，兼容性方面，兼容IE6/7/8,火狐未试，应该也兼容 。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-auto-width-na...

JS实现仿FLASH效果的竖排导航代码

2017年02月06日 13 阅读

本文实例讲述了JS实现仿FLASH效果的竖排导航代码。分享给大家供大家参考。具体如下：这是一款JS+CSS实现的Flash效果的导航菜单,竖向排列,兼容性好,由JavaScript妙味课堂的朋友编写,欢迎测试.运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-flash-style-v-nav-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...

JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码

2017年02月06日 13 阅读

JavaScript实现仿新浪微博大厅和未登录腾讯微博首页滚动效果，貌似这些天有不少朋友需要这功能，前几天已经发了几个了，不过那一个效果是用jquery实现的《jQuery向上循环滚动（仿新浪微博未登录首页滚动微博显示）》，今天发现这款是js制作的好，不敢独享，希望需要的朋友喜欢哦。效果图展示如下：查看演示 源码下载html代码<div class="wp"><ul id="slider" class="slider"><li...