css+html+js设置开关代码

2014-10-28 00:38:23 -0400

代码如下:

<style> #opciones  { z-index: 7000; position: fixed; padding-bottom: 10px; padding-left:10px; width: 100px; padding-right: 10px; font: 12px/140% arial, helvetica, sans-serif; background:#e7e7e7; color: #999; top: 0px; right: 0px; padding-top: 10px;  } #opciones h2  { border-bottom: #fff 1px solid; padding-bottom: 3px; margin: 0px 0px 3px; padding-left: 0px; padding-right: 0px; color: #666; font-size: 16px; padding-top: 0px  } #opciones h3  { padding-bottom: 0px; text-indent: 0px; margin: 3px 0px; padding-left: 0px; padding-right: 0px; height: 15px; color: #666666; padding-top: 0px  } #opciones p  { font-size: 15px;  } #opciones a  { color: green; text-decoration: none  } #opciones a:hover  { background: #666666; color: #fff  } #settings  { z-index: 8000; position: fixed; text-indent: -99999px; width: 43px; display: block; background: url(http://mlw.wodemo.com/entry/315011/33e814c67cefab427bc4f5048383287f/%E8%AE%BE%E7%BD%AE%E5%BC%80%E5%85%B3.gif) no-repeat 0px 0px; height: 43px; top: 0px; cursor: pointer; right: 0px  } #settings:hover  { background: url(http://mlw.wodemo.com/entry/315011/33e814c67cefab427bc4f5048383287f/%E8%AE%BE%E7%BD%AE%E5%BC%80%E5%85%B3.gif) no-repeat 0px -86px}.cerrar {background: url(http://mlw.wodemo.com/entry/315011/33e814c67cefab427bc4f5048383287f/%E8%AE%BE%E7%BD%AE%E5%BC%80%E5%85%B3.gif) no-repeat 0px -43px!important;  } </@style> <script type=text/javascript src="http://mlw.wodemo.com/entry/315011/a3077c2830c1c749c9e0a2d0bea75b66/%E8%AE%BE%E7%BD%AE%E5%BC%80%E5%85%B3.js"></@script> <script type="text/javascript"> $(document).ready(function(){$('#opciones').hide();$('#settings').click(function(){$('#opciones').slideToggle();$(this).toggleClass("cerrar");});}); </SCRIPT> <div id="settings">设置</@div> <div id="opciones"> <p><a href="htt://mlw.wodemo.com"></a></p> <p><a href="http://mlw.wodemo.com">友情链接</a></p> <p><a href="http://mlw.wodemo.com">有事留言</a></p></@div>

效果如下:

设置

设置开关.js (89.41 KiB) | Read | Meta | +

«Newer Older»

Back to home

Subscribe | Register | Login | N