html5搜索框美化,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');

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

html好看的搜索框样式,CSS美化的漂亮搜索框
CSS美化的漂亮搜索框 body{ font: normal 100% 'Arial','Helvetica','Verdana',sans-serif; color: #333; } p { pad ...
html表格边框美化,CSS美化表格边框汇总与效果
用css美化表格边框1 2 3 4 5 6 7 8 9 ...
html新浪搜索框,JS+CSS实现仿新浪微博搜索框的方法
本文实例讲述了JS+CSS实现仿新浪微博搜索框的方法.分享给大家供大家参考.具体实现方法如下: JS+CSS仿类似新浪微博搜索框的效果 * { padding:0; margin:0;} body { ...
关于单选框以及复选框的css美化方法
在工作中,遇到单选框和复选框还是一件很头疼的事情.丑就算了,关键是各个浏览器都不一样,这非常让我头疼. 以前一直用JQUERY来解决这个问题.不过js解决复选框没有问题,解决单选框就有点拙荆见肘,需要 ...
html++网页搜索框代码,CSS 漂亮搜索框美化代码
CSS美化的漂亮搜索框 body{ font: normal 100% 'Arial','Helvetica','Verdana',sans-serif; color: #333; } p { pad ...
漂亮的html搜索框,CSS美化的漂亮搜索框
CSS美化的漂亮搜索框我要搜索搜索 var $ = function(id){return document.getElementById(id);} var formSubmit = funct ...
html搜索框美化代码单词,CSS 漂亮搜索框美化代码
1.美化滚动条 * { & 大家都知道select下拉框是最难美化的.这里有个Jquery的插件可以使下拉框变的魔幻起来. Jquery chosen插件. 美化网页元素3.1 为 ...
CSS漂亮搜索框代码
制作方法: 一是整体处理一个背景,以透明gif图的方式定位到搜索框,或者切分开,这种方法加载快,而且灵活性更高. 效果图: 素材: 源代码: <!DOCTYPE html PUBLIC &quo ...
css合并两个文本框,css实现input文本框的双边框美化
css实现input文本框的双边框美化 .input_div{width:250px; height:22px; border-style:solid; border-width:1px 0 1px ...

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

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

最新文章

热门文章