<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>百度一下,你就知道</title> <style> div { text-align: center; } .first { font-size: 14px; } .search { margin-top: 14px; margin-left: 22px; float: left; } a { text-decoration: none; } .you { margin-top: 14px; margin-right: 22px; float: right; } input[type='button'] { border: 0px; border-radius: 8px; background-color: blue; color: white; padding: 2px 10px; } .second { clear: both; } input[type='text'] { width: 548px; height: 38px; outline: 0px; border: 2px #C4C7CE solid; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } input[type='submit'] { width: 104px; height: 42px; padding-top: 12.5px; padding-bottom: 31px; background-color: blue; border: blue; color: white; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } </style> <script src="../../day24jq基础/js/jquery-3.3.1.min.js"></script> </head> <body> <div class="first"> <div class="search"> <a href="http://news.baidu.com/">新闻</a> <a href="https://www.hao123.com/">hao123</a> <a href="https://map.baidu.com/@12690086,2569167,13z">地图</a> <a href="https://haokan.baidu.com/?sfrom=baidu-top">视频</a> <a href="https://tieba.baidu.com/index.html">贴吧</a> <a href="https://xueshu.baidu.com/">学术</a> <a href="https://www.baidu.com/more/">更多</a> </div> <div class="you"> <a href="https://www.baidu.com/s?wd=%E9%AB%98%E8%80%83&sa=searchpromo_gk_pc_ysj"><font color="red">高考加油</font></a> 设置 <input type="button" value="登录"> </div> </div> <div class="second"> <div class="pcture"> <img src="baidu.png" width="280px" height="120px"> </div> <div class="kw"> <form action="http://www.baidu.com"> <input type="text" name="kw" id="txt"><input type="submit" value="百度一下"> </form> </div> </div> </body> <script> var c=null; $("#txt").focus(function () { c=this.style.borderColor; this.style.borderColor="blue"; }) $("#txt").blur(function () { this.style.borderColor=c; }) $("#txt").mouseover(function () { c=this.style.borderColor; this.style.borderColor="#A7AAB5"; }) $("#txt").mouseout(function () { this.style.borderColor=c; }) </script> </html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步