溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

文件的上傳與下載1

發(fā)布時(shí)間：2020-07-17 19:44:56 來(lái)源：網(wǎng)絡(luò) 閱讀：423 作者：3755768593 欄目：開發(fā)技術(shù)

<!DOCTYPE html>

<html>


<head>

<meta charset="utf-8" />

<title></title>

<link rel="stylesheet" type="text/css" href="css/img.css" />

<style type="text/css">

#largeimg{width:550px;height:400px;padding:5px;border:1px dotted #ccc;}

.thumbs img{width:100px;height:100px;border:1px dotted #ccc;padding:4px;}

.thumbs img:hover{border-color:#ff9900;}

p{text-align: center;}

body {

margin: 20px auto;

padding: 0;

width: 580px;

font: 75%/120% Arial, Helvetica, sans-serif;

text-align:center;

}

h3 {

font: bold 190%/100% Arial, Helvetica, sans-serif;

margin: 0 0 .2em;

}

h3 em {

font: normal 80%/100% Arial, Helvetica, sans-serif;

color: #999999;

}

#large{

position:absolute;

z-index:999;

}

</style>

<script src="js/jquery-1.11.1.js" type="text/javascript" charset="utf-8"></script>

<script src="" type="text/javascript" charset="utf-8">

$(function(){

alert(largePath)

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

var largePath = $(this).attr("href");

var largeAlt = $(this).attr("title");

alert(largePath)

console.log(largeAlt)

$("#largeimg").attr({

src:largePath,

alt:largeAlt

});

return false;

});

});

</script>

</head>


<body>

<h3>圖片瀏覽</h3>

<p><img id="largeimg" src="img/adam.jpg" alt="Large Image" /></p>

<p class="thumbs">

<a href="img/adam.jpg" title="img1"><img src="img/adam.jpg" /></a>

<a href="img/ben.png" title="img2"><img src="img/ben.png" /></a>

<a href="img/demo1.png" title="img3"><img src="img/demo1.png" /></a>

<a href="img/demo2.png" title="img4"><img src="img/demo2.png" /></a>

<a href="img/demo3.png" title="img5"><img src="img/demo3.png" /></a>

<a href="img/demo4.png" title="img6"><img src="img/demo4.png" /></a>

<a href="img/demo5.png" title="img7"><img src="img/demo5.png" /></a>

<a href="img/demo6.png" title="img8"><img src="img/demo6.png" /></a>

<a href="img/ionic.png" title="img9"><img src="img/ionic.png" /></a>

<a href="img/mike.png" title="img10"><img src="img/mike.png" /></a>

<a href="img/max.png" title="img11"><img src="img/max.png" /></a>

<a href="img/mybg.png" title="img12"><img src="img/mybg.png" /></a>

<a href="img/perry.png" title="img13"><img src="img/perry.png" /></a>

</p>

</body>


</html>

文件的上傳與下載1

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手