选项框js
来源:互联网 发布:cl.r27.lol index.php 编辑:程序博客网 时间:2024/06/06 18:31
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#one{
width:150px;
height:25px;
border:1px solid red;
}
#two{
width:500px;
height:500px;
}
</style>
</head>
<body>
<div id="one"><input type="button"onmouseover="show1()"value="篮球"><input type="button"onmouseover="show2()"value="足球"><input type="button"onmouseover="show3()"value="乒乓球"></div>
<div id="two">
</div>
<script>
function show1()
{
var two=document.getElementById("two");
two.setAttribute("style","background-image:url(1.jpg)")
}
function show2()
{
var two=document.getElementById("two");
two.setAttribute("style","background-image:url(2.jpg)")
}
function show3()
{
var two=document.getElementById("two");
two.setAttribute("style","background-image:url(3.jpg)")
}
</script>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#one{
width:150px;
height:25px;
border:1px solid red;
}
#two{
width:500px;
height:500px;
}
</style>
</head>
<body>
<div id="one"><input type="button"onmouseover="show1()"value="篮球"><input type="button"onmouseover="show2()"value="足球"><input type="button"onmouseover="show3()"value="乒乓球"></div>
<div id="two">
</div>
<script>
function show1()
{
var two=document.getElementById("two");
two.setAttribute("style","background-image:url(1.jpg)")
}
function show2()
{
var two=document.getElementById("two");
two.setAttribute("style","background-image:url(2.jpg)")
}
function show3()
{
var two=document.getElementById("two");
two.setAttribute("style","background-image:url(3.jpg)")
}
</script>
</html>
阅读全文
0 0
- 选项框js
- js写的二级级联选项框
- 如何用JS选中下拉框选项
- js 拖动选项卡
- JS选项卡
- JS选项卡
- js选项卡
- JS通用选项卡
- JS简单选项卡
- js选项卡
- js的选项卡
- js选项卡
- JS选项卡
- js选项卡
- js 选项卡实现
- js选项卡制作
- 纯 js 选项卡
- js选项卡制作
- H5是一系列制作网页互动效果的技术集合
- HDU5634-Rikka with Phi
- <linux线程>POSIX无名信号量的基本操作---两个线程间的通信
- tcpdump for Arm
- Action获取传统域对象(HttpServletRequest、HttpSession、ServletContext)的三种
- 选项框js
- SpringCloud踩坑实战笔记(入门篇)
- CentOS7系统操作httpd服务
- CodeIgniter文件目录树
- eclipse svn 提交时提示is already locked 解决办法
- 恶意代码分析实战 Lab 6-3 习题笔记
- 纯CSS箭头
- Dialog自定义上下文花式菜单
- Python中time模块详解