<div class="content_topp"> 所需要的样式我们可以复制到style.css里:
-
- /*搜索滑动效果*/
- .Menu {
- position:absolute;
- top:30px;
- left:7px;
- width:150px;
- height:auto;
- z-index:1;
- background:#FFF;
- border:1px solid #000;
- display:none;
- }
- .Menu2 {
- position: absolute;
- left:0;
- top:0;
- width:100%;
- height:auto;
- overflow:hidden;
- z-index:1;
- }
- .Menu2 ul{margin:0;padding:0}
- .Menu2 ul li{width:100%;height:25px;line-height:25px;text-indent:15px;
- border-bottom:1px dashed #ccc;color:#666;cursor:pointer;background:#FFF;
- change:expression(
- this.onmouseover=function(){
- this.style.background="#F2F5EF";
- },
- this.onmouseout=function(){
- this.style.background="";
- }
- )
- }
- input{width:200px}
- .form{width:200px;height:auto;}
- .form div{position:relative;top:0;left:0;margin-bottom:5px}
复制代码
以下代码需要加到输入框普遍 比如page_header.lbi
复制代码
我们输入框的代码
复制代码
ajax请求php的代码
search_div.php
<div style="padding-top: 10px; padding-right: 0px; padding-bottom: 5px; padding-left: 10px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; word-wrap: break-word; line-height: normal; width: 586px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); background-image: url( background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 247, 247); overflow-x: hidden; overflow-y: hidden; background-position: 0px 0px; background-repeat: no-repeat repeat; " class="blockcode"><div style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; word-wrap: break-word; line-height: normal; " id="code3"><ol style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; word-wrap: break-word; line-height: normal; "> <li style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 2em; word-wrap: break-word; line-height: 1.8em; list-style-type: decimal-leading-zero; font-family: Monaco, Consolas, '"Lucida Console"', '"Courier New"', serif; font-size: 12px; "> <li style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 2em; word-wrap: break-word; line-height: 1.8em; list-style-type: decimal-leading-zero; font-family: Monaco, Consolas, '"Lucida Console"', '"Courier New"', serif; font-size: 12px; "> |