本文目录一览:
- 1、js代码控制图片移动
- 2、图片自动切换的JS代码
- 3、JS 显示 上传 图片 ,,高手帮我解释一下这段代码
- 4、求一个图片自动切换的JS代码。
- 5、如何用JS实现简单的图片替换
- 6、求JS代码,图片在鼠标滑过特定区域后改变颜色。
js代码控制图片移动
你看看是不是要的就是下面的这种效果啊?用Jquery实现的!
%@ page language="java" import="java.util.*" pageEncoding="gbk"%
%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
html head base href="%=basePath%"
titleMy JSP 'ds06.jsp' starting page/title
script language="javascript" src="js/jquery-1.3.1.js"
/script
script language="javascript"
function showImg() {
$("div").show(2000);
}
function hideImg() {
$("div").hide(2000);
}
/script
/HEAD
BODY
center
div
img src="images/1.jpg" width="800" height="600"
/div
input type="button" value="显示" onclick="showImg();"
input type="button" value="隐藏" onclick="hideImg();"
/center
/BODY
/html
其中 jquery-1.3.1.js 文件我已经上传到了我的新浪爱问人--Java学习文档里面,你可以自己下载,放在对应的目录即可查看 , 建立一个image 里面放张jpg照片 js文件夹里放jquery-1.3.1.js ,请看项目结构,如图
图片自动切换的JS代码
试试这个图片切换
有12345数字一起切换
鼠标点一下数字会变换到另一张图片,不点就会自动换
里面有教程和源码
JS 显示 上传 图片 ,,高手帮我解释一下这段代码
浏览器安全性已经大大提高,要实现图片上传预览不是那么简单了
不过有很多变通或先进的方法来实现
例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法
具体可以参考这个图片上传预览效果
求一个图片自动切换的JS代码。
试试这个图片切换
有12345数字一起切换
有小图大图一起切换
里面有教程和源码
如何用JS实现简单的图片替换
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,填写问题基础代码。
2、在index.html中的script标签,输入js代码:$('img').attr('src', '');。
3、浏览器运行index.html页面,此时网页上的所有图片都被替换成了指定的图片。
求JS代码,图片在鼠标滑过特定区域后改变颜色。
首先,灰色的图片写一个样式,设置背景是灰色。例如.picGrey{background:grey;},然后再写一个粉色背景的样式.picPink{background:pink}。
比如大图的灰色图片的ID是 pic1,然后鼠标滑过粉色图片的时候 $('#pic1').addClass("picPink")。说白了就是粉色样式覆盖灰色,就达到效果了。不明白的继续问。希望能帮到您。