脚本之家之前发布过这样的代码，其实问题不大，但这里的版本主要是增加一些功能，回调执行服务器端的方法，对于asp.net开发或ajax开发都是非常有价值的改进。先看下效果图：原有百度的Popup.js在有 代码如下: 声明的网页下存在兼容性问题，即在IE6,7,8下，遮罩层是可以全屏，但在Firefox和Chrome下无法全屏遮罩。 造成遮罩层在FF和Chrome下无法全屏的问题在267行： 代码如下:var C = <div id="dialogBoxBG" style="position...
文本框： 代码如下: js代码: 代码如下:function keydownsearch(evt) { evt = (evt) ? evt : ((window.event) ? window.event : "") keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which : evt.charCode); if (keyCode == 13) { search();//搜索事件 } }
我们或多或少都使用过各式各样的富文本编辑器，其中有一个很方便功能，复制一张图片然后粘贴进文本框，这张图片就被上传了，那么这个方便的功能是如何实现的呢？ 原理分析 提取操作：复制=>粘贴=>上传 在这个操作过程中，我们需要做的就是：监听粘贴事件=>获取剪贴板里的内容=>发请求上传 为方便理解下文，需要先明白几点： 我们只能上传网页图(在网页上右键图片，然后复制)和截图(截图工具截的图片，eg：qq截图)，不能粘贴上传系统...
在编写处理xml的网页时，经常为浏览器兼容性头疼。于是我将常用的xml操作封装为函数。经过一段时间的改进，现在已经很稳定了，用起来很舒服。 函数有—— xml_loadFile：xml同步/异步加载。 xml_transformNode：xsl转换。 xml_text：节点的文本。 selectSingleNode：根据XPath选择单个节点。 selectNodes：根据XPath选择多个节点。 全部代码（zyllibjs_xml.js）—— 代码如下: /* zyllibjs_xml XML处理 @author zyl910 注...
接着在各个浏览器中测试，发现Firefox/Chrome/Safari中有，IE9/Opera没有。 $ 相当于 document.getElementById $$ 相当于 document.querySelectorAll 在chrome控制台敲$,$$一目了然 这两个函数都是浏览器调试工具自带的。
首先创建html页面为sort.html ，并把下面的内容复制进去 代码如下: 无标题文档 .desc span{ display:none;} .asc em{ display:none;} ID|- name|- 1 开心 3 开饭 5 开放 ID|- name|- 1 开心 3 开饭 5 开放 新建脚本页 sort.js 代码如下: /* 表格排序功能 事件：2012 7 24 DOM 节点 如果表格需要排序 在表格属性中添加 sort="true" 并且 id是唯一并且是必须的 此js文件直接引入即可 因为...
网上发现一个很有意思的jQuery旋转插件，支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome，高级浏览器下使用Transform，低版本ie使用VML实现。 调用和方法： rotate(angle) angle参数：[Number] – 默认为 0 – 根据给定的角度旋转图片 例如: 代码如下:$("#img").rotate(45);rotate(parameters)parameters参数：[Object] 包含旋转参数的对象。支持的属性: 1.angle属性：[Number] – default 0 –...
window.close（），一看就知道是用来关闭浏览器窗口的方法。W3CSchool对该方法的解释如下：方法 close() 将关闭有 window 指定的顶层浏览器窗口。某个窗口可以通过调用 self.close() 或只调用 close() 来关闭其自身。只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭。这阻止了恶意的脚本终止用户的浏览器。在IE中，window.close()能生效，在生效的时候，会弹出提示框，询问你是否关闭该窗口，如图：点击“是”，可...
实例代码一见： 代码如下: #main div{position:absolute;width:220px;height:150px;border:1px solid #999;} var a; document.onmouseup = function() { if (!a) return; a = ""; }; document.onmousemove = function(d) { if (!a) return; d=d||event; a.style.left = (d.clientX - b) + "px"; a.style.top = (d.clientY - c) + "px"; }; function $(o, e) { a = o; b = e.clientX - parseInt(a.style.left); c = e.client...
网上有很多说在里加一句：或者就可以解决，实际测试根本没有效果，原来是在ScrollPic.js里有个cssFloat这个样式除ie外都支持就tmd ie不支持，解决方法改为styleFloat。这时会发现ie下正常了，但是其他浏览器却只滚动一次，解决思路，先用js判断浏览器类型，然后使用不同的样式：cssFloat或styleFloat。
代码如下: jQuery图片渐变切换 ul{position:relative;} ul li{display:block; position:absolute; left:0; top:0} img{width:480px; height:320px; border:5px solid #ccc} var switchSpeed = 1000; //图片切换时间 var fadeSpeed = 1500; //渐变时间 setInterval(function(){ $('img').last().fadeOut(fadeSpeed, function(){ $(this).show().parent().prependTo($('ul')); }); }, switchSpeed); 效果预览：...
由于chrome,safari,opara 浏览器还未支持自动 "设为首页" & "加入收藏". 所以我们只能try, catch一下, 给个错误提示! 也算完美了. 另外ie中, 很多人也碰到过 它window.external.addFavorite. 时会报错的问题. 所以俺也只好抛出提示信息了. 加入收藏: 代码如下:function addFavorite(){ if (document.all){ try{ window.external.addFavorite(window.location.href,document.title); }catch(e){ ...
JavaScript获取Select当前值写法：var value = document.getElementById("select").options[document.getElementById("select").options.selectedIndex].value;var text = document.getElementById("select").options[document.getElementById("select").options.selectedIndex].text; 例子： 代码如下:function check() { var select = document.getElementById("select").options[document.getElementById("select").option...
代码如下: 图片旋转效果 与之间 ul{padding:0 15px;} ul li{padding-bottom:15px;border-bottom:1px dashed #EEE;} .caption{padding:15px 0 5px;} .caption input{margin-right:10px;padding:0 10px;} /* * www.byzuo.com * ok!: MSIE 6, 7, 8, Firefox 3.6, chrome 4, Safari 4, Opera 10 * o 旋转图片ID; * p 选择旋转方向，固定值为'left'或'right'; */ function rotate(o,p){ var img = document.getElementById(o)...
首先这里声明一下，关于我测试浏览器的版本是chrome15.0.874.121 Firefox 8.01 IE9 IETester 下面的代码关于声明 1：获得滚动条的情况 代码如下:function getScroll(){ var t, l, w, h; if (document.documentElement && document.documentElement.scrollTop) { t = document.documentElement.scrollTop;//滚动条的顶端 l = document.documentElement.scrollLeft;//滚动条的左端 w...