用图片来模拟复选框

稿源：互联网 2022-04-02 21:42:44 点击： 4808 撤稿纠错

通过图片来模拟复选框效果，非常逼真。

以下讨论的是和模拟复选框相关的用图片来模拟复选框教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<meta name="keywords" content="站长,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 漂亮的图片模拟的多选框效果 站长特效网</title>
<style type="text/css">
/*<![CDATA[*/
a,label {
display:block;
width:25px;
height:25px;
overflow:hidden
}
a {
background:url("/img/checkbox_bg_1.gif") no-repeat
}
a:hover {
background:url("/img/checkbox_bg_2.gif") no-repeat
}
a#b {
background:url("/img/checkbox_bg_3.gif") no-repeat
}
/*]]>*/
</style>
<body>
站长特效网,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<label for="zzjs_net">
<a href="#b" _fcksavedurl="#b" id="a" onclick="zzjs_net.checked=true"></a>
<a href="#a" _fcksavedurl="#a" id="b" onclick="zzjs_net.checked=false"></a>
<input type="checkbox" id="zzjs_net">
</label>
</body>
</html>

关于用图片来模拟复选框的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2010092464908.shtml方便下次再访问哦。

·上一篇： 文本框内容切换效果
·下一篇： 漂亮点击弹出登陆框

用图片来模拟复选框

文章分类LIST >>返回首页

最新游戏

最新新闻