当浏览器窗口被调整到一个新的高度或宽度时,就会触发resize事件,这个事件在window上面触发,那么如何给div元素增加resize事件,监听div的高度或宽度的改变呢?某位大神用jquery实现的方法,这样就可以 $(div).resize(fucntion(){ .. })直接使用了;(function($, h, c) {var a = $([]),e = $.resize = $.extend($.resize, {}),i,k = "setTimeout",j = "resize",d = j + "-special-event",b = "delay",f = "throttleWindow";e[b] = 25...
jQuery 里和滚动条有关的概念很多,但是有三个属性和滚动条的拖动有关,就是:scrollTop、scrollLeft、scrollHeight。其中 scrollHeight 属性,互联网上几乎搜素不到关于它的应用技巧,而我正好需要用到它。我们现在只探讨和垂直滚动有关的 scrollTop、scrollHeight 属性。一、滚动条有关属性的正确理解:假设有以下Html代码:由于内部的div标签高度比外部的长,并且外部的div允许自动出现垂直滚动条,所以用浏览器打开后,可以看到...
如下检测id为scroll_div滚动条到达底部事件: 来自于www.manongjc.com教程来自于www.manongjc.com教程来自于www.manongjc.com教程 首先需要理解几个概念: scrollHeight:表示滚动条需要滚动的高度,即内部div,10000px scrollTop: 表示滚动条滚动的高度,可能大于外部div 500px 也就是说scrollDiv的高度+scrollTop滚动的最大高度=scrollHeight 于是检测div中div滚动条高度就简单了: $(document).ready(function() {$("#scroll_div")...
要制作一个在线聊天的程序,在做最后的修饰时,需要对获得的信息即时滚动以保证用户总能看到最新消息。聊天程序是基于AJAX设计的,没有用框架,消息容器是一个DIV,所以问题就在于如何控制DIV的滚动条。网上有资料介绍说通过设置scrollTop属性来控制滚动条位置,具体可参见: http://hi.baidu.com/chen1345789/blog/item/de727bfb45587b176d22eba1.html但同样的代码拿到我这里却完全失效,又仔细查了下资料说XHTML标准下scrollTop的...
var offsetfromcursorX=12 //Customize x offset of tooltipvar offsetfromcursorY=10 //Customize y offset of tooltip var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer imagevar offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1). document.write() //write out tooltip DIVdocument.write() //wr...
搞了一个DIV+CSS菜单,兼容Firefox,分享给大家,大家一齐学习 Div+CSS+JS树型菜单,可刷新 #PARENT{ width:300px; padding-left:20px; } 我的网站 [url]www.netany.net[/url] [url]www.netany.net[/url] [url]www.netany.net[/url] 我的帐务 支付 网上支付 登记汇款 在线招领 历史帐务 网站管理 登录 管理 管理 管理 网站管理 登录 管理 管理 管理 工作需要搞了一个菜单,分享给大家,大家一齐学习 请大家支持:[url]http:...
利用JavaScript动态添加p的方式有很多,以下是个比较常用的。一、在一个p前添加p<html><body><p id="a"> <p id="a1">1</p> <p id="a2">2</p> </p> <a href="javascript:addp();">test</a> </body> <script type="text/javascript"> function addp(){var newNode=document.createElement("p"); newNode.setAttribute("id","a3"); var txtNode=document.createTextNode("3"); ne...
这个效果一般可以用于导航栏目显示,图片显示。如果你的层名字不规则(不是div1、2、3...),可以先把她们放在数组里,然后调用。无标题文档 #container{ width:60%; height:80%; position:absolute; text-align:center} #div1,#div2,#div3,#div4,#div5,#div6,#div7,#div8,#div9,#div10,#div11,#div12{ width:80px; height:80px; background:#eeeeee; margin:0 2px 2px 0; padding:20px; border:3px #ccc double; font:30px Verda...
Tab - 飞飞+PR /*TAB布局*/ #tab * {font-size:12px;} #tab h3 a {display:inline-block;} #tab h3 a {display:block;} #tab {position:relative;} #tab h3,#tab ul,#tab div,#tab li {margin:0;padding:0;list-style-type:none;} #tab ul li {position:absolute;left:0;top:0;float:left;display:block;width:100px;height:30px;font-size:0;} #tab ul li#tab2 {left:100px;} #tab ul li#tab3 {left:200px;} #tab ul l...
点击计算div个数 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
Div上下居中-www.51windows.Net 我站在中央了 center 我站在中央了 center [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
早些时候见过一个鸟日本人写的DW中的样式设置http://www.99yp.com/uploads/200607/css/index.htm,写了一大堆的代码,靠,现在派不上用场,小鸽子写了一个更好的样式生成器,适合DIV+CSS架构的网页。(在网吧做网页的朋友,可以使用这个呀!)将常用的样式写了出来,做成DW的扩展插件多好,麻烦高手把他做成DW的扩展插件:小鸽子个人网:http://xbnz.126.com/[网址助记:新白娘子] 恋婷DIV+CSS编辑器 beta1.0 var sInitColor = null; ...
今天研究了下用javascript结合p来制作当前窗体显示模式窗体,并使子窗体不能操作的一个小例子! 这个效果我通过参考赛我网上的个别效果而参考而来,他的比较复杂,因为结合了其他的一些功能,在这里我就是简要的总结下这个效果的一点原理: 第一步:定义一个浮于基层之上的p浮动层,默认显示模式为隐藏,相关代码如下:<p id="buySelName" class="modalp" style="position:absolute;left:300px; top:140px;z-index:2;display:none;"> </p>第...
目的:求得div 下 img的src html: . . 我的错误代码: initImage(); loadImage(); function initImage() { for(var i=1;iimageId[i]=document.getElementById("image"+i); } } function loadImage() { for(var j=1;jimageList[j]=imageId[j].getElementsByTagName("img")[0]; if(imageId[j].src=="images/") imageId[j].src="images/"+j+".gif"; else.......... } }解决问题的代码 代码如下: function imglist(obj) { var ...
功能:实现网页内容的即时编辑,增加页面的可用性、交互性。 方法1:直接通过textarea标签实现,请运行下边代码: New Document #info { font-size: 12px; overflow:hidden; background-color: #ffffcc; color: black; padding-right:5px; padding-left:5px; font-family: courier; width:100%; letter-spacing:0; line-height:12px; border-style:none; } function saveInfo() { var text = document.getElementById...