jQuery下拉友情链接美化效果代码分享

本文实例讲述了jQuery下拉友情链接美化效果，jQuery下拉友情链接美化代码是一款基于jQuery实现的下拉美化特效，分享给大家供大家参考。具体如下：运行效果图： - 查看效果-

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的jQuery下拉友情链接美化效果代码如下

hearteta http-equiv=' Content-Type ' Content=' text/html；charset=gb2312' /titlejQuery下拉友情链接美化代码/titlestyleBODY { FONT: 12px '宋体', '微软雅黑，阿里亚尔，塔霍马，Helvetica，意大利，"希拉吉诺无国标";颜色： # 363636 } DIV { PADDING-bottom : 0px；边框-右侧-宽度： 0pxMARGIN:添加-左侧： 0pxPADDING-right : 0px；边框-顶部-宽度： 0px边框-底部-宽度： 0px边框-左侧-宽度： 0pxPADDING-top : 0px } SELECT { PADDING-bottom : 0px；边框-右侧-宽度： 0pxMARGIN:添加-左侧： 0pxPADDING-right : 0px；边框-顶部-宽度： 0px边框-底部-宽度： 0px边框-左侧-宽度： 0pxPADDING-top : 0px } SELECT { BOX-size : content-BOX；边框-底部： #ddd 1px实心；边框-左侧： #ddd 1px实心；PADDING-bottom : 1 px；线高：20px；PADDING-左侧： 0pxPADDING-right : 0px；边框-顶部： #ddd 1px固体；右边框： #ddd 1px实心；PADDING-top : 1 px；-web套件-box-siz :内容盒；-moz-box-siz :内容盒；box-shadow: 0 1px 2px rgba(0，0，0，0.1)；-moz-box-shadow : 0 1px 2px rgba(0，0，0，0.1)；-o-box-shadow : 0 1px 2px rgba(0，0，0，0.1)；-web kit-box-shadow : 0 1px 2px rgba(0，0，0，0.1)} OPTION { PADDING-bottom : 0 0px；边框-右侧-宽度： 0pxMARGIN:添加-左侧： 0pxPADDING-right : 0px；边框-顶部-宽度： 0px边框-底部-宽度： 0px边框-左侧-宽度： 0px填充-TOP: 0px} .页脚-选择{位置：绝对值；RIGHT: 620pxTOP: 19px} .footer _ sel { BOrder-BOOTH : # d6d6d 6 1px实心；边框-左侧： #d6d6d6 1px实心；线高：22px；宽度： 190像素；height : 22pxcolor : # afafafBORDER-TOP : # d6d 6 1px固体；BORDER-right : # d6d 6 1px solid }/style脚本类型=text/JAVAScript src=' http : js/jquery-1。4 .1 .量滴js '/脚本/head dy！-代码开始-div类=页脚-选择选择id=FriendLink类=页脚_ sel选项所选值=' '友情链接/option option value='//www .JB 51。' net/'我们/option option value='//www .JB 51。' net/'网页制作/OPTION OPTION值='//www .JB 51。' net/'脚本专栏/option option value='//www .JB 51。' net/'脚本下载/option option value='//www .JB 51。' net/'网络编程/option option value='//www .JB 51。' net/'电子书籍/option option value='//www .JB 51。' net/'数据库/option/select/div脚本类型=text/JavaScript src=' http : js/new base。js '/脚本！-代码结束-div style=' text-align : center；余量：250 px 0；font : normal 14px/24px ' MicroSoft YaHei '；/div/body/html以上就是为大家分享的jQuery下拉友情链接美化效果代码，希望大家可以喜欢。