2024-12-14 18:37:13 | 我爱编程网
这个是需要用JS来实现的,就类似tap选项卡的效果。下面是找的一个例子,和你想要的效果一样 我爱编程网
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"-transitional.dtd">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Radio切换效果</title>
<style>
*{margin:0;padding:0;}
body{margin:50px;font-size:12px;color:#666;}
li{list-style:none;}
div{width:210px;}#tab1,#tab2{width:398px;height:34px;border:1px#cfedff solid;border-bottom:0;background:url(images/title.gif)repeat-x;}#tab1 ul,#tab2 ul{margin:0;padding:0;}#tab1 li,#tab2 li{float:left;padding:0 30px;height:34px;line-height:34px;text-align:center;border-right:1px#ebf7ff solid;cursor:pointer;}#tab1 li.now,#tab2 li.now{color:#5299c4;background:#fff;font-weight:bold;}.tablist{width:378px;height:100px;padding:10px;font-size:14px;line-height:24px;border:1px#cfedff solid;border-top:0;display:none;}.block{display:block;}
fieldset{width:378px;border:1px#B0C0D1 solid;padding:10px;}
legend{background:#B0C0D1;padding:4px 10px;color:#fff;}#c{margin-top:10px;}.c1,.c2{width:378px;line-height:20px;}.c1{color:#014CC9;}.c2{color:#7E6095;}
h3{font-size:16px;padding:5px 0;}.red{color:#BD0A01;}
</style>
</head>
<body>
<h1>Radio切换</h1>
<script type="text/javascript">
function radioShow() {
var myradio = document.getElementsByName("myradio");
var div = document.getElementById("c").getElementsByTagName("div");
for (i = 0; i < div.length; i++) {
if (myradio[i].checked) {
div[i].style.display = "block";
} else {
div[i].style.display = "none";
}
}
}
</script>
<form name="ck">
<fieldset>
<legend>I'm Radio</legend>
<h3>请选择:</h3>
<label for="r1" class="red">
<input name="myradio" id="r1" type="radio" value="" checked="checked" onclick="radioShow();" />XML教程</label>
<label for="r2" class="red">
<input name="myradio" id="r2" type="radio" value="" onclick="radioShow();" />浏览器脚本</label>
<div id="c">
<div class="c1">
<label for="xml">
<input name="c2" type="checkbox" id="xml" value="" />XML</label>
<label for="dtd">
<input name="c2" id="dtd" type="checkbox" value="" />DTD</label>
<label for="xmldom">
<input name="c2" id="xmldom" type="checkbox" value="" />XML DOM</label>
<label for="xsl">
<input name="c2" id="xsl" type="checkbox" value="" />XSL</label>
<label for="xslt">
<input name="c2" id="xslt" type="checkbox" value="" />XSLT</label>
<label for="xslfo">
<input name="c2" id="xslfo" type="checkbox" value="" />XSL-FO</label>
<label for="xpath">
<input name="c2" id="xpath" type="checkbox" value="" />XPath</label>
<label for="xquery">
<input name="c2" id="xquery" type="checkbox" value="" />XQuery</label>
<label for="xlink">
<input name="c2" id="xlink" type="checkbox" value="" />XLink </label>
<label for="xpointer">
<input name="c2" id="xpointer" type="checkbox" value="" />XPointer</label>
<label for="schema">
<input name="c2" id="schema" type="checkbox" value="" />Schema</label>
<label for="xforms">
<input name="c2" id="xforms" type="checkbox" value="" />XForms</label>
</div>
<div class="c2" >
<label for="js">
<input name="c3" id="js" type="checkbox" value="" />JavaScript</label>
<label for="hd">
<input name="c3" id="hd" type="checkbox" value="" />HTML DOM</label>
<label for="dhtml">
<input name="c3" id="dhtml" type="checkbox" value="" />DHTML</label>
<label for="vbs">
<input name="c3" id="vbs" type="checkbox" value="" />VBScript</label>
<label for="ajax">
<input name="c3" id="ajax" type="checkbox" value="" />AJAX</label>
<label for="e4x">
<input name="c3" id="e4x" type="checkbox" value="" />E4X</label>
<label for="wml">
<input name="c3" id="wml" type="checkbox" value="" />WMLScript</label>
</div>
</div>
</fieldset>
</form>
</body>
</html>
我爱编程网(https://www.52biancheng.com)小编还为大家带来php中radio输出为on,为什么的相关内容。
多选情况下,将name属性设置为不同的值,如基本使用方式中,此时可对两个选择按钮进行同时选择。能不能点击html按钮时运行php的定义函数?非常见的Editplus之类的,都是专门为PHP开发的,有兴趣都可以试试看,找出自己用得顺手的就可以了,我推荐3个ZendStudio,DzSoftPHPEditor,Editplus,也是我现在用的,希望对大家有帮助。ZendStudio开发商:目前公认的最强大的PHP开发工具,这种集成软件包包括了用于编辑,调试,配置PHP程序所
请教php大神,php如何实现点击页面上的一个按钮发送socket的tcp数据1.参考资料socket_create()函数需要三个参数:一个协议、一个socket类型、一个公共协议。socket_create()函数运行成功返回一个包含socket的资源类型,如果没有成功则返回false。Socket函数函数名 描述函数名描述socket_accep
php点击按钮调用一个函数给你一个最简单的示例<?phpfunctionquery(){........代码......}if($_POST["do"]=="yes"){query();}?><inputtype="button"value="按钮"onclick="javascript:cmdclick()"/><scr
MacBook如何一键切换显卡,MacBook显卡切换方法MacBook怎么一键切换显卡_MacBook显卡切换方法在日常使用中,我们可能经常会遇到MacBookPro被强制使用独显的情况,这样不仅浪费了性能,同时电量也掉的飞快。那么有没有什么好的解决方法呢?通常,我们都是通过在终端窗口输入指令来切换显卡,不过这样做非常麻烦。sudopmset-aGPUSwitch0//强制使用集显
java中swing界面中主程序运行时进度条不显示,程序结束后才显示;注释掉主程序后,再运行,进度条正常显示你的action事件可以放在一个新线程中运行,不要阻挡Swing画图。Swing对事件的响应都是放在一个叫事件派发的线程中去做的,如果你的事件响应监听器本身在被事件派发线程调用时你做的事件太花时间了(比如我们来个无限循环啥的)我们就应该把这个actionPerformed方法中的
JAVA如何通过按钮打开另一个程序packagekuohao;importjava.awt.Button;importjava.awt.Color;importjava.awt.FileDialog;importjava.awt.Frame;importjava.awt.TextArea;importjava.awt.event.ActionEvent;impor
java中如何实现自动计时功能,就是点击一个start按钮就开始计时,以秒为单位简单代码如下:import java.awt.Button;import java.awt.FlowLayout;import java.awt.Label;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;impo
java在窗口中添加按钮怎么显示在窗口啊用frame.add(button)添加按钮对象到窗体对象,再用frame.setVisable(true)显示窗口即可或用panel.add(button);frame.add(panel);frame.setVisable(true);javaswing编程中,如何实现点击按钮弹出新的窗口???其实是内部类的运用,我附上
2025-02-01 20:24:39
2025-02-12 03:21:37
2025-02-10 15:19:48
2025-01-28 17:58:32
2024-11-22 05:08:01
2024-09-10 08:50:00