js優秀代碼圖片,js好玩的代碼

本文目錄一覽：

• 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”)。說白了就是粉色樣式覆蓋灰色，就達到效果了。不明白的繼續問。希望能幫到您。