HTML图片地址选取
来源:互联网 发布:招聘美工设计 编辑:程序博客网 时间:2024/06/05 00:33
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
img{
width: 200px;
height: 200px;
}
</style>
<script type="text/javascript">
function _click (obj) {
var ul = obj.value;
var imgs = document.getElementsByTagName("img")[0];
imgs.src = ul;
}
</script>
</head>
<body>
<img src="img/Chrysanthemum.jpg" />
<select onchange="_click(this)">
<option value="img/Chrysanthemum.jpg">第一张图片</option>
<option value="img/Tulips.jpg">第二张图片</option>
<option value="img/Koala.jpg">第三张图片</option>
<option value="img/Penguins.jpg">第四张图片</option>
</select>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
img{
width: 200px;
height: 200px;
}
</style>
<script type="text/javascript">
function _click (obj) {
var ul = obj.value;
var imgs = document.getElementsByTagName("img")[0];
imgs.src = ul;
}
</script>
</head>
<body>
<img src="img/Chrysanthemum.jpg" />
<select onchange="_click(this)">
<option value="img/Chrysanthemum.jpg">第一张图片</option>
<option value="img/Tulips.jpg">第二张图片</option>
<option value="img/Koala.jpg">第三张图片</option>
<option value="img/Penguins.jpg">第四张图片</option>
</select>
</body>
</html>
阅读全文
0 0
- HTML图片地址选取
- 选取图片
- 分析Html源代码,获得所有图片地址
- 正则表达式提取html图片地址
- c#从html中获取图片地址
- C#匹配HTML中的图片地址
- js获取html代码中图片地址
- 如何提取html文本中的图片地址
- 获取html中的所有图片地址
- 从gallery选取图片
- 从相册选取图片
- UIImagePickerController--------图片选取器
- android 选取相册图片
- iOS选取相册图片
- 从相册选取图片
- iOS 拍摄图片选取
- iOS图片选取器
- H5图片选取器
- C#的ArrayList集合的使用
- Android网络请求心路历程
- 管理用户账户 shell脚本
- BZOJ1639: [Usaco2007 Mar]Monthly Expense 月度开支
- 新闻客户端
- HTML图片地址选取
- Kubernetes容器编排的三大支柱
- GNU makefile入门
- USACO-Section1.2 transform[枚举]
- 使用VMware安装Ubuntu
- show engine innodb status函数接口
- linux学习之路(一)
- Android Studio模板开发基础教程(一)
- HTML 多个div盒子鼠标浮动,显示结果不一样