漂亮的html搜索框,CSS美化的漂亮搜索框

CSS美化的漂亮搜索框

我要搜索

搜索

var $ = function(id){return document.getElementById(id);}

var formSubmit = function(id){

document.forms[id].submit();

return false;

}

var tip = function(q, for_q){

q = $(q);

for_q = $(for_q);

q.onfocus = function(){

for_q.style.display = 'none';

q.style.backgroundPosition = "right -17px";

}

q.onblur = function(){

if(!this.value) for_q.style.display = 'block';

q.style.backgroundPosition = "right 0";

}

for_q.onclick = function(){

this.style.display = 'none';

q.focus();

}

};

tip('keyword','for-keyword');

网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！

漂亮的html搜索框,CSS美化的漂亮搜索框相关推荐

html5搜索框美化,CSS美化的漂亮搜索框
CSS美化的漂亮搜索框我要搜索搜索 var $ = function(id){return document.getElementById(id);} var formSubmit = funct ...
html好看的搜索框样式,CSS美化的漂亮搜索框
CSS美化的漂亮搜索框 body{ font: normal 100% 'Arial','Helvetica','Verdana',sans-serif; color: #333; } p { pad ...
html5 漂亮单选按钮样式,10个HTML5美化版复选框和单选框
单选框html 一.CSS3漂亮的自定义Checkbox复选框 9款迷人样式以前咱们分享过一款很是不错的CSS3自定义checkbox复选框纯CSS3美化Checkbox和Radiobox按钮,外观 ...
纯CSS美化单复选框（checkbox、radio）
最重要的一点,隐藏选择框本身.不多说了,上代码: <!doctype html> <html> <head> <meta charset="utf- ...
原始CSS美化select下拉框option
上代码 <h2>Cars Select</h2> <div class="select"><select name="cars& ...
html5 气泡文字提示框,css实现气泡文字提示框代码教程
css气泡文字提示框实现的等腰直角三角形式的对话框效果如下: 代码如下: css: .arrow span{border-color:#0FF #000 #f00 #ff0 ; top:0px;} ...
html如何制作美观搜索栏,css制作好看的搜索框
做网站开发我们肯定少不了一种最基本的功能,就是搜索框,那么搜索框样式也能让一个网站看起来更加美观上档次.现在我们就教大家一种如何把搜索框做的很美观的方法. 效果图: 实现这种效果有两种方法:一是整体处 ...
css合并两个文本框,css实现input文本框的双边框美化
css实现input文本框的双边框美化 .input_div{width:250px; height:22px; border-style:solid; border-width:1px 0 1px ...
html页面美化代码时间,CSS+JS美化过漂亮的日历控件
CSS+JS美化过漂亮的日历控件 - www.webdm.cn var months = new Array("一", "二", "三",& ...

漂亮的html搜索框,CSS美化的漂亮搜索框

漂亮的html搜索框,CSS美化的漂亮搜索框相关推荐

最新文章

热门文章