代码如下:<!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" /> <meta name="keywords" content="滚动,漂浮层,php,jquery" /> <meta name="description" content="Helloweba演示平台,演示XHTML、CSS、jquery、PHP案例和示例...
JS部分: 代码如下://下一个div function next() { var arr = document.getElementById(tdBjzbsx).getElementsByTagName(div); for (i = 0; i < arr.length-1; i++) { if ((arr[i].style.display == "block"||arr[i].style.display == "") && i <= 2) { arr[i + 1].style.display = "block"; arr[i].style.display = "none"; } } } //上一个div function top() { var arr = document.getElementById(tdBjzbsx).getElementsByTagNa...
代码如下://--------------------弹出层------------------- //popDivId:弹出层div的ID //dragDivId:用于拖动div的ID //isShowMask:是否显示遮罩层 function popDivShow(popDivId, dragDivId, isShowMask) { if (isShowMask) { creatMask(popDivId); } var oWins = document.getElementById(popDivId); var oWins_title = document.getElementById(dragDivId); var bDrag = false; var disX = disY = 0; oWins.style.display = "bl...
横向 <div id=demo style="overflow:hidden;width:200px;border:2px solid #e0e0e0;padding:2px;" onmouseover="stopscroll();" onmouseout="doscroll()"> <div id="demo1" style="white-space:nowrap;padding:0;"> <a href="javascript:alert(发表新贴);"><img src="图片URL" height=20 width=104 border=0></a> <a href="javascript:alert(发表回复);"><img src="图片URL" height=20 width=104 border=0></a> </div> </div> <...
如果swf是通过<object></object>方式插入的话,那就加入以下这断代码 代码如下:<param name="wmode" value="Opaque"> 还有一种方法是通过script_swfobject.js插件来插入swf的,这时用下面的方法来设置: 代码如下:<div id="flashcontent"></div> <script type="text/javascript"> var so = new SWFObject("flash.swf", "player", 570, 400, "9.0.28.0", "#000000",false); so.addVariable("web", 1); so.addParam("wmode", "Opa...
这个就没什么好说的了。。直接上代码啊!! 首先是HTML的代码。其中包含了登录点击按钮以及一个简陋的登录框。 代码如下:<body> <div id="shade"></div> <div> <a onclick="login()" style="cursor:pointer">登录</a> </div> <br/> 什么都没有用。。。<br/><br/> 什么都没有用。。。<br/><br/> 什么都没有用。。。<br/><br/> 什么都没有用。。。<br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br...
代码如下:<!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" /><title>拖拽库</title><style type="text/css">div,h2,p{margin:0;padding:0;}body{font:14px/1.5 arial;}#box{width:100px;height:100px;background:#fef4eb;padd...
一个网站的后台管理都有一部分是保持固定位置不动,可编辑部分是随浏览器变化而变化的,因此有的时候使用frame框架来实现这种形式,这边作者不是使用的frame而是纯div进行布局,想要实现这种方式需要怎么做呢,下面就控制DIV实现左右式,左边固定,右边随浏览器变化而变化的JQUERY实现代码。 代码如下:<script type="text/javascript"> //根据浏览器大小调整左右布局的大小 $(window).ready(function(){ var wheight=$(window).he...
jquery设置内容 - text()、html() 以及 val()我们将使用前一章中的三个相同的方法来设置内容:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML标记)val() - 设置或返回表单字段的值 下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容: 实例 代码如下:$("#btn1").click(function(){$("#test1").text("Hello world!");});$("#btn2").click(function(){$("#test2").html("<b>H...
有时候我们在做动态增长的div时,一般都是将内容append到div的最下面,但这会带来一个比较蛋疼的问题,那就是新增加的内容会被遮在最下面,比如这样如何才能让scrollbar自动移动最下面呢,这就需要js的帮助了,假设div的id为myDiv,那么使用原生的js实现如下: 代码如下:var myDiv = document.getElementById('myDiv'); myDiv.scrollTop = myDiv.scrollHeight;如果使用jquery的话,也很简单 代码如下:var $div = $('#myDiv'); $di...
代码如下:<HEAD> <TITLE> JS获取DIV相对坐标</TITLE> <script type="text/javascript"><!-- function getX(obj){ var parObj=obj; var left=obj.offsetLeft; while(parObj=parObj.offsetParent){ left+=parObj.offsetLeft; } return left; } function getY(obj){ var parObj=obj; var top=obj.offsetTop; while(parObj = parObj.offsetParent){ top+=parObj.offsetTop; } return top; } function DisplayCoord(event){ var top,lef...
当div是浮动的时候浏览器窗口发生变化的时候不能居中显示(因为浮动的时候一般设定的有left或者right值) 可以先用jquery获取外围的div随浏览器变化而变化的宽度(加上监听事件) 之后再获取div的宽度 例如: 代码如下:function autoWidth(){ var bW = $(".call_man").width();//外围的div var popWidth = (bW-150)/2 //(150是div的宽度) $(".rts").css("left",popWidth); //把取得值赋给div 就是div距离左侧的距...
效果: 思路: 利用onmousemove事件,然后获取鼠标的坐标,之后把DIV挨个遍历,最后把鼠标的坐标赋给DIV。 代码: 代码如下:<head runat="server"> <title></title> <style type="text/css"> div { width: 20px; height: 20px; background: #00FFFF; position: absolute; } </style> <script type="text/javascript"> document.onmousemo...
随着时代的变化,越来越感觉到js的重要性,js不仅可以做web页面(如Ext框架),还可以做一些web的特效,这些特效不仅兼容PC,而且兼容手机端,毕竟是基于浏览器的,和平台没关系。现在微软的windows8 系统的App都可以用js开发了,大家有时间可以去尝试一下。 现在切入正题,说一下js 实现可拖动Div.实现这个功能我们先说一下思路: 1.捕捉鼠标div的mousedown事件 2.捕捉 document的 mousemove事件 3.取消事件 ...
首先我们可以把要打印的内容放在div中,然后用下面的代码进行打印。代码如下:<html><head><script language="javascript">function printdiv(printpage){var headstr = "<html><head><title></title></head><body>";var footstr = "</body>";var newstr = document.all.item(printpage).innerHTML;var oldstr = document.body.innerHTML;document.body.innerHTML = headstr+newstr+footstr;window.print(); document.body.innerHTM...