效果图如下:
一、html代码:搜索框
<div class="inp_bg"><input id="s-keyword" type="text" class="inp_text" value="搜索关键词" name="keyword" οnfοcus="if(this.value!='搜索关键词'){this.style.color='#404040';this.select();}else{this.value='';this.style.color='#404040'}" οnblur="if(this.value==''){this.value='搜索关键词';this.style.color='#b6b7b9'}" οnkeydοwn="this.style.color='#404040'"/>
</div>
二、js代码
{literal}
<script type="text/javascript">
GetRandomData=function(c){
var b=0,f=0,a,e=[];
for(var d=0;d<c.length;d++){
a=c[d].weight?parseInt(c[d].weight):1;
e[d]=[];e[d].push(b);
b+=a;
e[d].push(b)
}
f=Math.ceil(b*Math.random());
for(var d=0;d<e.length;d++){
if(f>e[d][0]&&f<=e[d][1]){
return c[d]
}
}
};
(function(){
{/literal}
var B=['关键词1','关键词2'];//搜索框中随机关键词
{literal}
B=GetRandomData(B);
$("#s-keyword").val(B).bind("focus",function(){
if (this.value==B){
this.value="";
this.style.color="#333"
}
}).bind("blur",function(){
if (!this.value){
this.value=B;this.style.color="#999"
}
});
})();
$("#form-search").bind('submit',function(){
var keyword = $(this).find("input[name='keyword']").val();
if (keyword == '搜索关键词' || keyword == '') {
return false;
} else {
window.location.href = "http://hebei800.com/" + 'p_k-' + encodeURIComponent(keyword) + '/';
}
return false;
});
if($.browser.msie && $.browser.version < 7){
DD_belatedPNG.fix('.nav_newpic , .inp_button');
}
</script>
{/literal}