html5点击链接在框架内更换图片

html-css027

html5点击链接在框架内更换图片,第1张

你好 这种效果很简单的 采用jquery 然后 假设 另一张图片名叫 a.gif 并且和 depart_info_close.gif存放在同一个文件夹下给a标签新加一个属性 id="a" 然后按照你提供的 html结构 代码如下

$(function(){

$("#a").click(function(){

$(this).prev().attr({"src":"a.gif"})

})

})

这样子就好了

代码的意思是 当点击a标签时 寻找与他同级的 并且在他之前的那一个元素 也就是img标签

并且改变 img标签中的 src属性 为 a.gif

希望能帮到你 谢谢

html5中设置整页背景图片的方法是利用css3样式:

写法如下:

img.bg {

 /* Set rules to fill background */

 min-height: 100%

 min-width: 1024px

 /* Set up proportionate scaling */

 width: 100%

 height: auto

 /* Set up positioning */

 position: fixed

 top: 0

 left: 0

}

@media screen and (max-width: 1024px) { /* Specific to this particular image */

 img.bg {

   left: 50%

   margin-left: -512px  /* 50% */

 }

}

效果如: