正文
html5换图片,div背景图片切换
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
如何编写html5改变某一个区域的颜色和图片中的某一点相同？
您好！根据我对你描述的问题，我是这样理解的。
代码（html5中）背景颜色——更换成图片上的某点的颜色。
我的回答是：把图片放入到图片编辑软件（例如：PS）中，单击 颜色块
弹出一个拾色器。复制红色框框中的颜色值，粘贴到html5中即可。（例如：background:#c62013;）
相关问答
Q1: 用html5开发前端app，触摸图片会滑动到下一张图片，请问怎么弄？
这个原理其实很简单的。你知道html5只是html+css3+js的全程，所以控制图片的定位都是有css的一个position属性来做的,图片无非就是去改变定位中的left值。知道这个之后我就可以接下来的实现步骤：
当然，这些只是实现逻辑。具体细化功能这个你自己去调整。原理知道其他的都简单的很。
第一步：将N张图片去排版定位。
如
#pic1{
position:absolute;
width:50px;
height:50px;
top:10px;
left:0px;
}
#pic2{
position:absolute;
width:50px;
height:50px;
top:10px;
left:60px;
}
#pic3{
position:absolute;
width:50px;
height:50px;
top:10px;
left:120px;
}
第二步：我们现在已经知道了这3张图片的位置，接下来就是去点击它，改变他的位置，这个点击其实用js就很容易实现。onclick点击事件，你可以搜下；
例如：
//监听点击事件
document.addEventListener（"click",function(){
for(var i=1;i4;i++){
$("#pic"+i).css("left", parseInt($("#pic"+i).css("left")) - 60 + "px");
}
}）
现在我们在去看css属性的left值，依次类推：-60px,0px,60px,
第三步:图片就这样切换了。我这假设我们的手机屏幕宽是50像素的，但现实不是这样，所以需要加个遮照。就是在这个滚动的图片上再加一层div去遮住不去显示的图片（当然这是一种蔗照方法），方法很多不一一列举。关键属性overflow:hidden；
朋友只能指点这么多，老婆让洗碗，所以接下来的如有疑问，继续追问，以后回答
Q2: 用html5 怎么做出图片切换效果？
用javascript做可以的 用html和css也可以做 你是说点击图片切换 还是在旁边加按钮点击在切换
Q3: html5，有没有大哥知道下面这个效果怎么做出来的，选择文件换图片，谢谢！急！
文件选择之后可以在onchange事件当中获取当前所选择的文件（列表），并且可以获得当前文件的本地路径，使用本地路径赋值给图片的src属性，就达到了更换图片的效果。
Q4: html5怎么设置整页背景图片
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% */
}
}
效果如：
Q5: html5点击链接在框架内更换图片
你好 这种效果很简单的 采用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
希望能帮到你 谢谢
