EasyDrag 是一个用来实现页面元素拖拉的 jQuery 插件。 在没遇到easydrag插件之前,想实现一个弹出框并不是一件轻而易举的事情! 人们常说没有不劳而获的事情,但在编码的世界中却不是这样。更多的开源框架方面了我们,也毒害了我们! 废话少说,先看效果:全部代码:easydrag实现可拖动的DIV弹出框 /* 重置浏览器默认样式 */ body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,l...
本文实例讲述了jQuery实现简单的DIV拖动效果。分享给大家供大家参考,具体如下: 创建一个HTML文件,复制以下代码进去,修改jquery文件(没有的到网上去下一个,我使用的是jquery-1.8.2),即可以运行了Jquery:鼠标拖动DIV div#computerMove{position:absolute;top:50px;left:50px;width:200px;height:30px;line-height:30px;background-color:#00CCCC;text-align:center;color:#FFFFFF;cursor:default;}点击我拖动$(document).re...
本文实例讲述了js判断鼠标位置是否在某个p中的方法。分享给大家供大家参考,具体如下:p的onmouseout事件让p消失时,会出现这样的情况,就是当鼠标移至p中的其它内容时,此时也判定为离开p,会触发 onmouseout事件,这样p中的内容就不能操作了。解决的办法是当触发onmouseout事件时,先判断鼠标是否在p内,如果在,说明鼠 标并没有离开p,就不删除p,否则,删除之。OK,现在问题解决了。就是找到该p左上角和右下角坐标,判断鼠标的坐...
测试字符串:v\:* { BEHAVIOR: url(#default#VML) } o\:* { BEHAVIOR: url(#default#VML) } w\:* { BEHAVIOR: url(#default#VML) } .shape { BEHAVIOR: url(#default#VML) }abcdefg @font-face { font-family: Wingdings; } @font-face { font-family: Wingdings; } @font-face { font-family: Calibri; } @font-face { font-family: Tahoma; } @page WordSection1 {size: 8.5in 11.0in; margin: 1.0in 1.0...
本文实例为大家分享了DIV+CSS+JS实现的文字颜色渐变效果,供大家参考,具体内容如下 下面是 CSS 部分代码:body{font:12px/1.5 Microsoft Yahei; } h3{padding:10px;margin:0;background-color:#999;color:#fff;font:16px/1.5 Microsoft Yahei;text-align:center; } .box{position:relative;background-color:#fff;width:auto;margin:0 auto;padding:0 30px;font:700 20px/1.5 "Microsoft Yahei",Microsoft Yahei;border-top:1px d...
本文实例讲述了JavaScript实现弹出DIV层同时页面背景渐变成半透明效果。分享给大家供大家参考,具体如下:JavaScript弹出DIV层,页面背景渐变成半透明html,body{font-size:12px;margin:0px;height:100%;} .mesWindow{border:#666 1px solid;background:#fff;} .mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;} .mesWindowContent{margin:4px;font-size...
本文实例讲述了JS+CSS实现鼠标经过弹出一个DIV框效果。分享给大家供大家参考,具体如下:js+CSS实现表格渐变#tip{ position:absolute; left:90px; width:0px; height:0px; color:#FFF; font-size:12px; background-color:#000; border:1px solid #DEF; filter:Alpha(Opacity=0); opacity:0; z-index:999; }=100){ clearInterval(s); i=0; } } //控制div逐渐消失 var j = 100; function change_hidden(){ var obj = $("tip"); j=j-5...
记得以前写这样的代码比较麻烦,现在有了JQuery简单多了,就几行代码搞定!$(function() { $(window).scroll(function() { var top = $(window).scrollTop()+200; var left= $(window).scrollLeft()+320; $("#editInfo").css({ left:left + "px", top: top + "px" }); }); }); 用户名: 密码: 年龄: 备注: 以上这篇DIV随滚动条滚动而滚动的实现代码【推荐】就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大...
程序源码 代码如下: function Animate(el, prop, opts) { this.el = el; this.prop = prop; this.from = opts.from; this.to = opts.to; this.time = opts.time; this.callback = opts.callback; this.animDiff = this.to - this.from; } Animate.prototype._setStyle = function(val) { switch(this.prop) { case opacity: this.el.style[this.prop] = val; this.el.style.filter = alpha(opacity= + val * 100 + ); break; defa...
网上的解决方案: From:http://codingforums.com/showthread.php?t=95109 (a) place Flash embed script in container (I use SWFObject.js)[将flash嵌入脚本放到一个div容器中] (b) add wmode=transparent to Flash embed script[增加wmode=transparent 到flash嵌入脚本] (c) set container with z-index:-1; [将外层容器的z-index设置为-1] (d) set tag with style .. position:relative;left:0px;top:0px;z-index:0; (otherwi...
在某技术群看到 A君 提出的如下一个问题: A君 6个DIV 间隔一秒 轮番进行奇偶显示. 比如先135 一秒后 246 然后再135 循环 A君 要求代码短小精悍 B君 代码如下:var a = document.getElementsByTagName(div); var b = false; setInterval(function() { for (var i = 0; i < 6; i++) a[i].style.display = ((i & 1) ^ b) ? block : none; b = !b; }, 1000); A君 D君这个效率不错啊 我这个不如abcd的简洁 代码如下:j++; for (var i = ...
Table body{margin:0px; padding:0px; font-size:12px} .div{height:160px;width:160px;position:absolute; text-align:center; } .demo1{ border:1px solid #96C2F1;background-color:#EFF7FF;left:150px;top:20px} .demo2{ border:1px solid #9BDF70;background-color:#F0FBEB;left:450px;top:20px} .demo3{ border:1px solid #BBE1F1;background-color:#EEFAFF;left:750px;top:20px} .demo4{ border:1px solid #96C2F1;bac...
经过几多周折,终于搞出来了,效果图如下: 具体实现: (1) 编写 jquery.divbox.js 的代码: 代码如下: jQuery.fn.extend( { OpenDiv: function() { var sWidth, sHeight; sWidth = window.screen.availWidth; if (window.screen.availHeight > document.body.scrollHeight) { sHeight = window.screen.availHeight; } else { sHeight = document.body.scrollHeight + 20; } var maskObj = document.createElement("div"); maskOb...
代码如下: /** * 浮动DIV定时显示提示信息,如操作成功, 失败等 * @param string tips (提示的内容) * @param int height 显示的信息距离浏览器顶部的高度 * @param int time 显示的时间(按秒算), time > 0 * @sample 点击 * @sample 上面代码表示点击后显示操作成功3秒钟, 距离顶部100px * @copyright ZhouHr 2010-08-27 */ function showTips( tips, height, time ){ var windowWidth = document.documentElement.clientWidth; va...
1:移动图层 获得点的x轴y轴坐标,从而进行绝对定位(注意:竖拉框会影响 x 轴 y 轴坐标值) 代码如下: var x,y,z,down=false,obj function init(){ obj=event.srcElement //事件触发对象 obj.setCapture() //设置属于当前对象的鼠标捕捉 z=obj.style.zIndex //获取对象的z轴坐标值 //设置对象的z轴坐标值为100,确保当前层显示在最前面 obj.style.zIndex=100 x=event.offsetX //获取鼠标指针位置相对于触发事件的对象的X坐标 y=even...