头部伸缩广告 Merry Christmas and Happy New Year

说是做个头部伸缩广告。。。。

翻腾素材 做,取名叫banner.gif(兔子兔年 2011 圣诞彩灯 72像素Algerian字体 浑厚  960*400px)


觉得像是智能绘色了,模糊。。。

 

所用js (同事Frank.Hong提供)

<!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=gb2312" />
<title>merry </title>
</head>
<body>
<div id="mc" style="width:900px; margin:0 auto; display:none;"></div>
<script src="ad1.js" type="text/javascript"></script>
<script src="ad2.js"></script>
<script type="text/javascript">(function(){
var a = AD2, dom = a.DomUtil, evt = a.DomEventUtil;

a.area({
 id: ‘mc’
})({
 oid: ‘1105508’,
 cid: ‘88850’,
 monitor_url: ”,
 display: ‘fullscreen’,
 display_config: {
  delay: 1,

  duration: 7,  
  show_duration: .7,

  hide_duration: .7

 },
 fodder: [{
  type: ‘image’,
  resource_url: ‘banner.gif’,//图片名称  
  link_to: ‘http://addurl’,//广告链接网址  
  width: 960,
  height: 400,
 
  cover: false
 }]
});

a.render(‘mc’);
a.ping.flush();
})();</script>
</body>
</html>

 

 

 

 

js ad1

直接复制到新建的取名ad1 的JS里面即可

所用JS下载

 

鼠标点击,文本框内灰色字体消失,输入字体颜色是黑色

 

<input name="textfield"type="text"value="点击添入标题"onfocus="if (value =='点击添入标题'){value =''}"onblur="if (value ==''){value='点击添入标题'}"/>

 

效果如左

 

 <input class="input" type="text" value="点击添入标题" onblur="if(this.value=='') this.value='点击添入标题'" onfocus="if(this.value =='点击添入标题' ) this.value=''">                     —————-兼容浏览器IE6-IE10

 改进版本二 输入字体颜色是黑色

1、<input type="text" value="点击填写标题"  onblur="if(this.value==''){this.value='点击填写标题';this.style.color='#999'}" onfocus="if(this.value=='点击填写标题'){this.value='';this.style.color='#000'}" style="color:#999"/>

2、<input type="text" value=" 请输入关键词" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999999">