img src 改变问题
2015-06-09 14:59
316 查看
<script type="text/javascript">
function changeSrc(){
if(document.getElementById("pic").src=="images/5.jpg")
{
document.getElementById("pic").src="images/6.jpg";
}
if(document.getElementById("pic").src="images/6.jpg")
{
document.getElementById("pic").src="images/5.jpg";
}
}
</script>
<img id="pic" align="center" margin-right="10px" src="images/6.jpg" width="25%" onclick="return changeSrc()"/>
点击图像只能改变一次图像显示,想要改变多次则把代码改写为其他的
<script type="text/javascript">
function changeSrc(){
var element=document.getElementById("pic");
if(element.src.match("images/5.jpg"))
{
element.src="images/6.jpg";
}else{
element.src="images/5.jpg";
}
}
</script>
<img id="pic" align="center" margin-right="10px" src="images/6.jpg" width="25%" onclick="return changeSrc()"/>
再次进行优化,当有多个图片进行切换时,怎么确定是那个图片,如下可以这么做
<script type="text/javascript">
function changeSrc(dom){
var myid=dom.getAttribute("id");
var element=document.getElementById(myid);
if(element.src.match("images/5.jpg"))
{
element.src="images/6.jpg";
}else{
element.src="images/5.jpg";
}
}
</script>
<img id="pic11" align="center" margin-right="10px" src="images/6.jpg" width="25%" onclick="changeSrc(this)"/>
<img id="pic12" align="center" margin-right="10px" src="images/6.jpg" width="25%" onclick="changeSrc(this)" />
function changeSrc(){
if(document.getElementById("pic").src=="images/5.jpg")
{
document.getElementById("pic").src="images/6.jpg";
}
if(document.getElementById("pic").src="images/6.jpg")
{
document.getElementById("pic").src="images/5.jpg";
}
}
</script>
<img id="pic" align="center" margin-right="10px" src="images/6.jpg" width="25%" onclick="return changeSrc()"/>
点击图像只能改变一次图像显示,想要改变多次则把代码改写为其他的
<script type="text/javascript">
function changeSrc(){
var element=document.getElementById("pic");
if(element.src.match("images/5.jpg"))
{
element.src="images/6.jpg";
}else{
element.src="images/5.jpg";
}
}
</script>
<img id="pic" align="center" margin-right="10px" src="images/6.jpg" width="25%" onclick="return changeSrc()"/>
再次进行优化,当有多个图片进行切换时,怎么确定是那个图片,如下可以这么做
<script type="text/javascript">
function changeSrc(dom){
var myid=dom.getAttribute("id");
var element=document.getElementById(myid);
if(element.src.match("images/5.jpg"))
{
element.src="images/6.jpg";
}else{
element.src="images/5.jpg";
}
}
</script>
<img id="pic11" align="center" margin-right="10px" src="images/6.jpg" width="25%" onclick="changeSrc(this)"/>
<img id="pic12" align="center" margin-right="10px" src="images/6.jpg" width="25%" onclick="changeSrc(this)" />
相关文章推荐
- Xcode及模拟器SDK下载
- Android 基于Netty的消息推送方案之对象的传递(四)
- 使用DNS轮询+NGINX+PHP+NFS+MYSQL实现集群高可用
- Oracle计算时间跨度的函数
- 九度1012畅通工程(并查集)
- qt中关于设置颜色
- 使用JSP实现商场购物车模块
- 随机时间
- asp.net MVC4.0中几种控制器的区别
- SQL Service2008安装过程中遇到的问题及解决办法
- CodeFile与CodeBehind的区别
- Java compiler level does not match
- nginx一些基本的优化配置
- Eclipse启动时f出现ail to create Java Virtual Machine问题的解决
- MongoDB常用命令
- 查看可执行程序的依赖库
- Js获取当前日期时间及其它操作
- Android 基于Netty的消息推送方案之字符串的接收和发送(三)
- [pgsql]pgsql数据库时间函数
- 不使用UIImagePickerControllerOriginalImage获取相册图片