核心代码： 代码如下: $(function() { $(window).scroll(function() { var top = $(window).scrollTop()+200; var left= $(window).scrollLeft()+320; $("#editInfo").css({ left:left + "px", top: top + "px" }); }); }); 用户名： 密码： 年龄： 备注： 在线演示 http://demo.jb51.net/js/2012/jquery_demo/jquery_div.html记得以前写这样的代码比较麻烦，现在有了JQuery简单多了，就几行代码搞定！JavaScript教程/参考手...
最近做前端设计时需要使左右两个p高度自适应。这其中的jquery代码中的获得高度用的clientHeight，介绍一下几种不同的获得方式以及他们的差别完整代码：代码如下:<!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=utf-8" /> <ti...
具体的原理我就不多说了，直接贴代码。 html代码： 代码如下: Draw rectangle Draw! css代码： 代码如下: body { font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; margin: 0px; } #header { width:150px; margin:0px auto; } #header label { font-size:45px; font-weight:bolder; } #content { width:90%; height:600px; margin:10px auto;...
Html 及 JS 代码如下： 代码如下: <div id="newsOne" onmouseover="CleartTimeInterVal();" onmouseout="resetInterVal();" style="position: absolute; width: 100px;"> 脚本之家 var newsOne = document.getElementById("newsOne"); newsOne.style.bottom = 0; newsOne.style.left = window.screen.availWidth - 100; var bottom = 0; function newsScroll() { if (bottom > (window.screen.availHeight - window.screenTop))...
例如：淘宝商品详情里，滚动条往下来拉的时候，商品详情和评价那个nav会固定，现在很多网站也都有这样类似的效果，现在流行这个么?元芳,你怎么看?我也在网上找了找代码，屡试不爽啊，很多代码乱且没用。于是乎，我自己写一个，代码非常之简单，只有10几行，但遗憾的是，不兼容IE6，如果谁有兼容IE6的例子，还请指教。 直接贴下代码吧。 代码如下: demo $(document).ready(function(){ var loaded = true; var top = $("#dem...
网上苦找2小时，全是不能兼容FF的，看来这种东西网上是搞不到现成的了，只能自己动手丰衣足食 现在发布出来，今后网上就有现成的供人使用了。 为了省事，少量位置用了jquery 改原生JS也很方便，谁需要就请自己修改了。 欢迎各位路过高人拍板，欢迎各位留言提供改进代码。 又改进 兼容了Chrome 下面的代码已修改成最新版 上源码了 代码如下: js获取div编辑框，textarea，input text的光标位置，兼容FF和IE //去除左右所有空格 ...
在我这几天的工作中遇到了一个问题，google了一下找到了解决方案，不过是英文的，我简单翻译下让更多的人能看懂 译文如下： 我有一个可编辑的div，并且在DIV里面还有一个可编辑的span，我想要让span能响应键盘事件， 这里是测试JS代码： 代码如下: $(function() { $(#someid).keypress(function(event){alert(test);}); }); 这里是测试html代码： 代码如下: editable follows:Some TEXT 如果你在浏览器中测试，你会看见，当你...
very short version: [html] 代码如下: $(#myDiv).css({top:50%,left:50%,margin:-+($(#myDiv).height() / 2)+px 0 0 -+($(#myDiv).width() / 2)+px}); $(#myDiv).css({top:50%,left:50%,margin:-+($(#myDiv).height() / 2)+px 0 0 -+($(#myDiv).width() / 2)+px}); short version: [html] 代码如下: (function($){ $.fn.extend({ center: function () { return this.each(function() { var top = ($(window).height() - $(this...
附上代码： 代码如下: /*具体模块放在这个大div里*/ #contentmenu1{ width:100%; clear:both; height:800px; } /*具体模块div 由上下两块div构成 上面的div又左面 右边 三块拼成圆角图片 下面div主要放置内容 */ /*具体模块div*/ .content{ width:30%; height:190px; float:left; margin-left:2%; margin-top:10px; } /*具体模块div上部分*/ .content-top{ width:100.5%; height:24px; float:left; } /*具体模块div上部分左*...
经常上qq空间的朋友一定对qq空间的个性编辑模块印象深刻,可以随意的拖动页面上的元素并且调动大小实现动态布局,当然我每次上csdn博客也会在右下角看见一个新闻窗口,这种效果的确很酷,那么我们也来实现一个吧. 实现步骤: 1.首先是动态创建一个类似这样的html结构: 代码如下: 关闭 2.id为body的为你要放置内容的div容器,move是可移动的span,close是关闭这个窗口(准确说是层). 3.然后将事件绑定到这些对象上.具体看一下代码. ...
弹出层、弹窗效果+拖曳功能 *{ margin:0px; padding:0px;} body{ font-size:12px; font:Arial, Helvetica, sans-serif; margin:25PX 0PX; background:#eee;} .botton{ color:#F00; cursor:pointer;} .mybody{width:600px; margin:0 auto; height:1500px; border:1px solid #ccc; padding:20px 25px; background:#fff} #cwxBg{ position:absolute; display:none; background:#000; width:100%; height:100%; left:0px; top:0px...
用键盘控制DIV，红色方块为键盘操作区域，您可以进行如下操作： 上：↑ 下：↓ 左：← 右：→ Ctrl + 1 : 背景变为绿色 Ctrl + 2 : 背景变为黄色 Ctrl + 3 : 背景变为蓝色 Ctrl + ↑ : 放大 Ctrl + ↓ : 缩小 用键盘控制DIV html,body{overflow:hidden;} body{margin:0;padding:0;} pre{color:green;padding:10px 15px;background:#f0f0f0;border:1px dotted #333;font:12px/1.5 Courier New;margin:12p...
p的width宽度如何获取呢？接下来介绍使用jquery获取p的width宽度，感兴趣的朋友可以了解下的jquery 获取 p的width的语句： $("#keleyi_com").width(); 其中keleyi_com为p的id。完整示例代码： <!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> <title>jquery 获取 DIV的width(宽度)</title> ...
js： 代码如下: var posX; var posY; fdiv = document.getElementById("divBody"); document.getElementById("divHead").onmousedown=function(e) { if(!e) e = window.event; //IE posX = e.clientX - parseInt(fdiv.style.left); posY = e.clientY - parseInt(fdiv.style.top); document.onmousemove = mousemove; } document.onmouseup = function() { document.onmousemove = null; } function mousemove(ev) { if(ev==null) ...
$(document).ready( function(){});function hiden(){$("#divObj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast} function slideToggle(){$("#divObj").slideToggle(2000);//窗帘效果的切换,点一下收,点一下开,参数可以无,参数说明同上}function show(){$("#divObj").show();//显示,参数说明同上}function toggle(){$("#divObj").toggle(2000);//显示隐...