文章列表
今天看到一个关于给input添加背景的一个例子，就是很常见的搜索框后面带着一个搜索图标，所以自己也练习着做了一个。
<style>
input
{
background:url(images/1.jpg) no-repeat;
border:none;
height:32px;
width:333px;
line-height:32px;
padding:0px 5px;
}
</style>
<input />
显示结果如下图：
如果没有设置line-height属性，文字将会出现在背景的上面，而不是合适的位 ...
- 2009-09-18 15:46
- 浏览 1619
- 评论(0)
xbObjects的目的是为JavaScript提供更强的面向对象模型，不只支持继承，还支持方法的重载和调用超类方法的能力。要实现这一点，xbObjects需要执行下面的几步。
第一步：必须注册类，需定义它继承了那个类，调用方式如下： _class ...
- 2009-03-26 15:54
- 浏览 816
- 评论(0)
1、类的定义采用构造函数-原型方式
定义polygon类及其子类-采用混合继承方式，即用对象冒充继承构造函数的属性，用原型链继承prototype对象的方法。
function Polygon(iSides){
this.sides=iSides;
}
Polygon.prototype.getArea=function(){
return 0;
...
- 2009-03-19 20:38
- 浏览 877
- 评论(0)
两种连接字符串的方法代码如下。一种是利用“+”实现，另一种是利用append方法实现
<script type="text/javascript">
function stringBuffer(){
this._strings_=new Array();
}
stringBuffer.prototype.append=function(str){
this._strings_.push(str);
};
stringBuffer.prototype.toString=function(){
this._strings_.join();
...
- 2009-03-18 14:16
- 浏览 922
- 评论(0)
//create new method
Number.prototype.toHexString=function(){
return this.toString(16);
};
var iNum=15;
alert(iNum.toHexString());//f
Array.prototype.equeue=function(vItem){
return this.push(vItem);
};
var aColor=["red","green"];
aColor.equeue("blue");
al ...
- 2009-03-18 13:54
- 浏览 965
- 评论(0)
1、对象冒充
//对象冒充对应构造函数方式
//对象冒充对应构造函数方式
function ClassA(sColor){
this.color=sColor;
this.showColor=function(){
alert(this.color);
};
}
function ClassB(sColor,sName){
this.newMethod=ClassA;
this.newMethod(sColor);
delete this.newMethod;
this.name=sName;
this.show ...
- 2009-03-18 12:59
- 浏览 741
- 评论(0)
1、工厂方式
function createCar(){
var oTempCar=new Object();
oTempCar.color="red";
oTempCar.doors=4;
oTempCar.mpg=23;
oTempCar.showColor=function(){
alert(this.color);
};
return oTempCar;
}
var oCar1=createCar();
var oCar2=createCar();
oCar1.showColor();//red
oCar2.showCo ...
- 2009-03-18 12:43
- 浏览 803
- 评论(0)
常用html标签的英语全称及简单功能描述
<a>:anchor 定义锚
<abbr>:abbreviation 定义缩写
<acronym>: 定义只取消首字母的缩写
<address>:定义地址元素
<area>:定义图像映射内部的区域
<b>:bold 定义粗体字
<base>:定 ...
- 2009-03-17 07:21
- 浏览 3605
- 评论(0)
做了一个简单的图片下面带标题。本来想要达到的效果是，如果有图片的话，就把图片显示出来，如果没有图片就显示alt设置的内容。按照这个思路，我写下了下面的代码：
div.imagefont{width:120px;font-size:12px;text-align:center;padd ...
今天用到了两张PNG格式的图片，其中一张用作背景图片，一张放在内容中显示。对于两张图片的要求都是要透明显示。自己是造不出来方法的。因此就在网上搜索了一下，找到了好几种方法。把用到的这两种先记录下来，以备以后再用。
<div id="logo"></div>
<div class="hotlink"><img src="image/service.png" alt="hotlink" /></div>
#logo
{
width:80px;
...
- 2009-03-04 18:05
- 浏览 1940
- 评论(0)