首先:建立两个类,一个是用来与资料进行连接(数据层),另一个是用来关联前一个类与页面的(逻辑层) 新建一个JScsrip.js 文件 代码如下: 代码如下: function setPgb(pgbID, pgbValue,pvalues) { if ( pgbValue <= pvalues ) { if (lblObj = document.getElementById(pgbID+_label)) { lblObj.innerHTML =Math.ceil((pgbValue/pvalues)*100) + %; // change the label value } if ( pgbObj = document.getElementById(pgbID) )...
创建一个对象 Java代码 代码如下: var newObject=new Object(); //创建一个对象 newObject.firstName="frank"; //增加一个firstName属性 newObject.sayName=function(){ alert(this.firstName); } //添加一个sayName方法 //调用sayName方法 // newObject.sayName(); // newObject["sayName"](); var FirstName=newObject["firstName"]; var whatFunction; // if(whatVolume==1){ // whatFunction="sayName"; // }else if(whatVol...
JavaScript中类的学习,从基本类继承过来方法 也可以这样实现: Java代码 代码如下: function newClass(){ this.firstName="frank"; this.toUc=String.toUpperCase; this.toString=function(){ return this.toUc(this.firstName); } } var nc=new newClass(); alert(nc);//在IE中没反应。。 function newClass(){ this.firstName="frank"; this.toUc=String.toUpperCase; this.toString=function(){ return this.toUc(this.firstN...
判断输入的字数 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
ie自带的有Active控件,但火狐不支持。这里使用的是js操作dom方法对窗体指定标记内文字进行打印,所以使用时需要定义相关的标签及其样式(文字大小、字体之类)。 代码如下: ///*********************** ///打印指定区域页面 ///说明:obj–通过getElementById或其它方式获取标签标识,打印此obj内的文字 ///日期:2009-8-7 function startPrint(obj) { var oWin=window.open("","_blank"); var strPrint="打印预览区\n"; strPrin...
JS添加删除元素 替换后的文字"; var oldNode = $Name("P")[0];//获取body里面第一个p元素 oldNode.parentNode.replaceChild(newNode,oldNode);//直接替换了标签 } function removeMsg() { var node = $("p2");//p标签 var nodeBtn = $("remove");//按钮 //node.parentNode.removeChild(node); //下面效果相同 document.body.removeChild(node);//在body中删除id为P2的元素 //nodeBtn.parentNode.removeChild(nodeBtn);//...
代码如下: //add by ahuinan 2009-8-17 //initialize(23.165613663312594,113.35968017578125) var map; var gdir; var marker2; var hasMarker = false; var hotelLatLng = new GLatLng();//初始化酒店的坐标 var polyline; var points = []; points[1] = hotelLatLng; function initialize() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("divMap"), { googleBarOptions: { showOnLoad: true} }); ...
Dialog .dialogcontainter{height:400px; width:400px; border:1px solid #14495f; position:absolute; font-size:13px;} .dialogtitle{height:26px; width:auto; background-image:url('http://files.jb51.net/file_images/200908/103444839.p.gif');} .dialogtitleinfo{float:left;height:20px; margin-top:2px; margin-left:10px;line-height:20px; vertical-align:middle; color:#FFFFFF; font-weight:bold; } .dialogtitl...
再记录一下 Javascript访问样式表 Javascript可以访问网页中元素的style属性,例如: 通过js访问style属性 alert(document.getElementById("main").style.backgroundColor); 通过js改变style属性 document.getElementById("main").style.backgroundColor="blue"; 以上代码是我们所熟悉的,但通常我们用样式表来控制元素的外观属性,例如: JS控制CSS #main { margin-left:200px; margin-top:70px; width:200px; height:100px; ba...
代码如下:transitional.dtd"> JQuery 浮动导航栏 /* 浮动导航栏 Begin */ #floatMenu { padding-top: 5px; background: url(http://img.jb51.net/images/quickmenu.gif) no-repeat; border: 1px solid #dcdcdc; position: absolute; top: 250px; left: 5px; margin-left: 0px; width: 86px; } #floatMenu ul { margin-left: 0px; background-color:White; list-style-type: none; padding:10px } #floatMenu ul li a { displa...
1。编写js函数 function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);} 2. 要显示/隐藏的html元素加上 id 属性 控制这个tr的显示/隐藏 3,添加按钮,链接等触发 js 函数 显示/隐藏 javascript显示隐藏层广告 二:javascript控制页面控件隐藏显示的两种方法 javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在...
#menu{width:200px;} .has{background:#00DFAA; color:#FFFBF0; cursor:pointer} .hig{background:#FF5F55; color:#2A3F55;} div{padding:0px; margin:10px 0;} div a{background:#D41FAA; display:none; float:left; width:200px;} $(document).ready(function(){ $(".has").click(function(){ $(this).addClass("hig").children("a").show().end().siblings().removeClass("hig").children("a").hide(); }); }); 第一章 ...
发现了一个非常好的JavaScript调试方法,目前看到的是可以打印Object/Array/Function/String四种类型,使用方法和PHP中的var_dump()一样,只要直接dump(变量名)即可。 代码如下:dump(value, [showTypes]) @ param value (Any) value to dump @ param [showTypes] (Boolean) optional to display each key/values type @ return (Void) returns nothing The Dump method is based on one of the tags available in Coldfusion ( ) ...
.bg{ background:url(http://nba.titan24.com/focus/kikx/images/sp.gif) repeat;} p{ text-align:center; color:#d00; padding:10px 0; } h1{ text-align:center; font-size:80px; color:#f06; line-height:120px;} 按 ↑ ↑ ↓ ↓ ← ← → → function trick(e){ if(typeof window.k=="undefined"){ window.k="" } var e=e||event; //alert(e.keyCode); if(e.keyCode==116) window.k=""; w...
网上我也见到一些分栏效果,也有一个jquery的插件jquery.splitter.js, 但是他们基本都没有解决一个问题:如果页面上有iframe, 当拖动分割线经过iframe的时候,鼠标不听使唤了,我曾经开过帖子讨论过这个问题。本例采用一个小技巧解决了这个问题,使拖动流畅。 代码如下: Splitter demo #splitter_container{ width: 100%; height: 100%; border: solid #eee 1px; ...