你所见到的所有圆形按钮实际上都是方形的按钮,只是在方形的按钮里放上张包含圆形的,除了圆形外的边角跟背景色融为一体而已。
如下图,你在左边界面上看到的所有圆形按钮实际上都是右边设计界面上的那个粉红色方块。
需要准备的材料分别有:电脑、chrome浏览器、html编辑器。
1、首先,打开html编辑器,新建一个html文件,例如:indexhtml,填充问题基础代码。
2、其次,在indexhtml中的按钮标签中,输入样式代码:
style="width: 80px; height: 40px;background-color: #e6b900; border: 0px;border-radius: 3px;"
3、浏览器运行indexhtml页面,此时成功将提交按钮修改为div样式。
更改有两个办法
第一个是将所有加载,但是只显示一张,其余的隐藏,每点击一次,将当前的隐藏,下一个显示。
<div><!-- 这个div用了放置所有的img --><img class="img" src="1jpg" />
<img class="img" src="2jpg" style="display:none" />
<img class="img" src="3jpg" style="display:none" />
…………
<div>/jq 代码 button click事件/
if(!num){
num = 0;//初始化计数
}
$("img")hide();
$("img")eq(num)show();
num++;
第二个是添加一个img,每次点击时候,更改img的src,即路径。
<div><!-- 这个div放置img --><img class="img" src="1jpg" />
<div>/jq 代码 button click事件/
if(!num){
num = 0;//初始化计数
}
$("img")attr("src",num+"jpg");
num++;
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)