效果: 代码: 代码如下: window.onload = function () { var ckall = document.getElementById('ck1'); var ck = document.getElementsByName('name1'); ckall.onclick = function () { for (var i = 0; i if (ckall.checked == true) { ck[i].checked = true; } else { ...
效果:代码:代码如下: #div1 { width: 245px; height: 150px; background: red; margin: 250px; margin-left: 500px; position: absolute; overflow: hidden; } #div1 ul li { float: left; width: 44px; height: 66px; margin-top: 20px; ma...
jquery实现动态菜单的方式跟jquery弹出窗口的方式差不多,都是采用JavaScript操作css的方式。 其具体步骤可以分为以下几步: ?创建一个含有要表达的菜单的html页面 代码如下: jquery示例2:jquery菜单 我是菜单1 我是子菜单1 我是子菜单2 我是菜单2 我是子菜单3 我是子菜单4 创建一个css文件来控制菜单的显示 代码如下:/*让所有的li都不...
代码如下:/***************滚动场次开始*****************/ function ScrollText(content, btnPrevious, btnNext, autoStart) { this.Delay = 10; this.LineHeight = 20; this.Amount = 1; this.Direction = "up"; this.Timeout = 1500; this.ScrollContent = this.$(content); this.ScrollContent.innerHTML += this.ScrollContent.innerHTML; //this.ScrollContent.scrollTop = 0; if (btnNext) { ...
效果:代码: 代码如下: #backcolor { width: 400px; height: 400px; background: #FFFF00; text-align: center; border: ridge 30pt red; margin: auto; } TD { border: ridge 3pt red; width: 100px; height: 100px; } div { width: auto; ...
效果:代码: 代码如下: function toDou(n) { if (n return '0' + n; } else { return '' + n; } } setInterval( window.onload = function () { var aImg = document.getElementsByTagName('img'); var oDate = new Date(); var str = toDou(oDate.getHours()) + toDou(oDate...
效果:思路: 利用setInterval计时器进行运动,offsetWidth实现宽度的变动,在用onmouseover将终点和所选中的DIV放入参数再进行缓冲运动。 代码: 代码如下: div { width: 100px; height: 50px; background: #0000FF; margin: 10px; } 输出参数 } oDiv[i].onmouseout = function () { move(th...
效果:思路: 首先,加载onscroll控制滚动条。然后写缓存运动的方法,缓冲运动的方法是先计算出DIV缓冲的速度,并且将其取整,再进行运动判断什么时候到达终点。最后将其参数返回。再在onscroll里面调用此方法,并且将终点计算出来赋予此方法的参数。 代码: 代码如下: #div1 { width: 200px; height: 200px; background: #0000FF; position: absolute; ...
这种菜单效果是通过脚本和样式控制的,对于新手来说是非常好的学习内容: 这种昨晚一边看舞动奇迹,一边整理这个菜单的小代码,一起来看看吧,会了可以温故知新,不会的可以借鉴一下思想,其实就是想完善一下这种前端的思想,让它不要再陌生: 这是一个asp.net的master页面里面的菜单部分 Html部分: 代码如下:" id="masterid" />首页医院概况医院文化医院动态医院服务就诊指南科室介绍看看css部分把,这是来区分选中项和其他项的:...
代码如下:/** * 定义降序的groupingStore */var DescGroupingStore = Ext.extend(Ext.data.GroupingStore, { groupDir : ASC, groupBy : function(field, forceRegroup, direction) { direction = direction ? (String(direction) .toUpperCase() == DESC ? DESC : ASC) : this.groupDir; if (this.groupField == field this.groupDir == direction && !forceRegroup) { ...
导入: 代码如下: Untitled Page 编号姓名年龄性别0001张三22女0002李四23男 代码如下:"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> WEB页面导出为EXCEL文档的方法 WEB页面导出为EXCEL文档的方法 列标题1 列标题2 ...
刚来公司的时候领导给分配的都是一些简单的简单的简单的。。。。。任务 一次叫我把文章的字体大小变换功能写出来。在网上搜了很多都不管用!不过功夫不负有心人还是被我找到了!拿出来分享下! 代码如下: Function SetFont(size){ var divBody = document.getElementById(“news_content”); If(!divBody){ Return; } divBody.style.fontSize = size+”px”; Var divChildBody = divBody...
代码如下: //点击当前选中行的时候设置当前行的颜色,同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.getElementById("ServiceListTable") for(var i=1;i { if (sTable.rows[i] != target) //判断是否当前选定行 { sTable.rows[i].bgColor = "#ffffff"; //设置背景色 sTable.rows[i].onmouseover = resumeRowOver; //增...
目前测试下:支持IE6+ 火狐 谷歌游览器等。 先来看看此组件的基本配置项:如下:代码如下:this.config = {targetCls : .clickElem, // 点击元素 title: 我是龙恩, // 窗口标题 content : text:我是龙, //content : img:http://www.baidu.com/a.jpg,// 窗口内容 {text:具体内容 | id:id名 | img:图片链接 | // iframe:src链接} {string} width: 400, // 内容的宽度 height : 300, ...
首先我们可以把要打印的内容放在div中,然后用下面的代码进行打印。代码如下:function printdiv(printpage){var headstr = "";var footstr = "";var newstr = document.all.item(printpage).innerHTML;var oldstr = document.body.innerHTML;document.body.innerHTML = headstr+newstr+footstr;window.print(); document.body.innerHTML = oldstr;return false;}div print //HTML Page//Other content you wouldn't like to printT...