↓↓选择一款你喜欢的背景皮肤吧!↓↓
{WEB前端技术分享,APP开发,PHP编程学习}
点击同一按钮"反复交替执行两段代码",利用toggle(function(),function())方法实现
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <style type="text/css"> *{margin:0;padding:0;} ul li{ list-style:none;} img {border:0 none;} body {padding:100px;} input[type='button']{width:100px; height:38px;display:block;position:fixed;right:20%; top:50px;} p{color:#f00;} div{ width:100px; height:100px; color:#000; border:1px blue solid;} </style> <script type="text/javascript"> $(function(){ var $div=$('div'); $("input[type='button']").focus().toggle(function(){ $div.css({ border:'1px red solid', color:'red' }).text('边框颜色:红色') },function(){ $div.css({ border:'1px blue solid', color:'blue' }).text('边框颜色:蓝色') }) }) </script> <input type="button" value="点击测试"/> <p>点击同一按钮"反复交替执行两段代码",利用toggle(function(),function())方法实现</p> <div>默认边框显示蓝色blue</div>
提示:你可以先修改部分代码再运行。
如果你觉得本站文章不错,阅读完有所收获,欢迎捐赠赞助:
(*必填)
(选填)
[ 请确保填写正确的邮箱地址,您的留言审核通过会收到邮件通知! ]
[请申请gravatar头像,木有头像的评论可能不会被回复]
【查看更多】提示:发表说说,请登录
0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}