最近发现web网页的拖拽效果,个人觉得是一种不错的用户体验,抽空研究了一下,原理还蛮简单的,下面贴一下我写的一个简单拖拽jquery自定义函数。 jquery代码:fun.js 代码如下: jQuery.fn.myDrag=function(){ _IsMove = 0; _MouseLeft = 0; _MouseTop = 0; return $(this).bind("mousemove",function(e){ if(_IsMove==1){ $(this).offset({top:e.pageY-_MouseLeft,left:e.pageX-_MouseTop}); } }).bind("mousedown",function(e){ _...
相对于上一篇,优化了拖拽的效果。 js代码:fun.js 代码如下: _MoveObj = null;//全部变量,用来表示当前div z_index = 0;//z方向 jQuery.fn.myDrag=function(){ _IsMove = 0; //是否移动 1.移动 _MouseLeft = 0; //div left坐标 _MouseTop = 0; //div top坐标 $(document).bind("mousemove",function(e){ if(_IsMove==1){ $(_MoveObj).offset({top:e.pageY-_MouseLeft,left:e.pageX-_MouseTop}); } }).bind("mouseup",function(){...
例子: 代码如下: 无标题文档 #screefull{display:block; border:1px solid #bddbf3; width:954px; padding:3px 5px 7px; margin:0 auto 10px; background:#fef9db; } #mostrar{display:block; width:954px; display:none;} #screefull a.close{ display:block; width:25px; height:20px; background:url(img/cx.gif) no-repeat 0 0; overflow:hidden; float:right; margin:16px 8px 0 0; *margin-right:5px; text-decoratio...
例子:屏蔽浏览器F5刷新,代用刷新iframe框架 代码如下:// 捕获F5事件$("body").keydown(function(e){var ev = window.event || e;var code = ev.keyCode || ev.which;if (code==116) { // 阻止默认的F5事件if(ev.preventDefault) {ev.preventDefault();}else {ev.keyCode=0;ev.returnValue=false; }// 调用刷新函数Refresh(); } });// 刷新当前框架function Refresh() {document.getElementById(right-main-frame).contentWindow...
单击复制文字的js。找了很久,由于之前没有接触过,完全不知道兼容ie及标准dom浏览器,不仅仅要通过js,而且需要flash的帮忙。clipboard.swf这个在网上都有下载.ie允许访问剪贴板。window.clipboardData可以访问 但是标准dom。看了一些文章说的都是用flash设置隐藏。但是flash10是不支持。 但是,还有个方法是可行的,固记录一下,以下方法支持标准dom. 代码如下: (function () { window[Util] = { CACHE:{}, getText : function(...
代码如下: //jquery判断浏览器信息 $(function(){ var bro=$.browser;//获取浏览器用户代理信息; var bro_msie=bro.msie;//判断是否为ie浏览器,假如为ie浏览器就返回:true,否则返回:undefined; var bro_firefox=bro.mozilla;//判断是否为火狐浏览器;假如为火狐浏览器就返回:true,否则返回:undefined; var bro_opera=bro.opera;//判断是否为opera浏览器;假如为opera浏览器就返回:true,否则返回:undefined; var bro_saf...
主要是通过setTimeout方法设置一个定时器,切换消息提示,从而达title到消息提示的闪烁。 代码如下: JS效果-浏览器标题栏闪烁 // 使用message对象封装消息 var message = { time: 0, title: document.title, timer: null, // 显示新消息提示 show: function () { var title = message.title.replace("【...
代码如下: window.onbeforeunload = onbeforeunload_handler; window.onunload = onunload_handler; function onbeforeunload_handler(){ var warning="确认退出?"; return warning; //可以换成alert等具体操作 } function onunload_handler(){ var warning="谢谢光临"; alert(warning); //关闭后执行 } JavaScript教程/参考手册 JavaScr...
这两天在做Web前端时,遇到需求通过js实现文本复制的功能。 先不考虑浏览器的兼容性,看看各浏览器对复制功能的支持情况: 1、IE浏览器,解决方法有三种,代码如下: 代码如下: function copy(txtid){ var txtObj = document.getElementById(txtid); if(window.clipboardData){ // 仅IE支持此对象,firefox、chrome不支持 //1、通过clipboardData对象实现复制 //window.clipboardData.clearData(); //window.clipboardData.setDat...
在做项目时,遇到了操作iframe的相关问题。业务很简单,其实就是在操作iframe内部某个窗体时,调用父窗体的一个函数。于是就写了两个很简单的htm页面用来测试,使用网上流行的方法在谷歌浏览器中始终报错,不能通过。 父页面parent.html的代码如下 代码如下: function ParentFunction() { alert('ParentFunction'); } 子页面child.html的代码如下 代码如下: $(document).ready(function () { $("#btnTest").cli...
有时候我们想用js写一段小程序,但是又觉得使用浏览器去运行挺麻烦的,那么现在我们来看一下如何使用java程序调用javascript程序,这样就可以不借助浏览器就可执行js代码了。 之所以有这个需求是因为这几天在做的一个项目中碰到了这样的问题,我有一个javascript脚本,但是这个项目的其他代码都是用C\C++写的,不想将js代码转成C,感觉太麻烦了,所以就想如果可以在C下面直接调用javascript代码就好了,或者在shell中有一个可以不借...
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scrollTop 网页被卷去的左:document.body.scrollLeft 网页正文部分上:window.screenTop 网...
这里使用的方法是IE的私有特性,只能在IE中有效。主要是window.moveTo和 window.resizeTo方法。 效果和点击最大化按钮差不多,有一点区别。点击最大化按钮后,浏览器的内容填充满显示器,浏览器窗口的边框被挤出显示器。而该js的最大化效果是浏览器的边框在显示器内显示。 js代码如下: function resizeWindow(){ if (window.screen) {//判断浏览器是否支持window.screen判断浏览器是否支持screen var myw = screen.availWidth; //...
代码如下: 代码如下:var isIE=!!window.ActiveXObject; var isIE6=isIE&&!window.XMLHttpRequest; var isIE8=isIE&&!!document.documentMode; var isIE7=isIE&&!isIE6&&!isIE8; if (isIE){ if (isIE6){ alert(”ie6″); }else if (isIE8){ alert(”ie8″); }else if (isIE7){ alert(”ie7″); } }上述是一般常用的JavaScript用来检测浏览器为IE哪个版本的代码。 而由于今年1月一位俄国人...
js代码: 代码如下: window.onload = function(){ if(window.navigator.userAgent.toLowerCase().indexOf("msie")==0){ //firefox innerText HTMLElement.prototype.__defineGetter__( "innerText", function(){ var anyString = ""; var childS = this.childNodes; for(var i=0; iif(childS[i].nodeType==1) anyString += childS[i].tagName=="BR" ? '\n' : childS[i].textContent; else if(childS[i].nodeType==3) anyString +...