※ 引述《shingoliang (那個冬天..是永恆)》之銘言:
: ※ 引述《jingjing ()》之銘言:
: : 請問清大首頁的點圖片然後有說明 又自動會換
: : 又可以出現在下面怎麼做的
: CSS跟javascript都可做到,
: EX:
: CSS:
: a:hover{
: background-image:url(...);/*可能製作一張有說明、一張沒說明的圖片*/
: }
: javascript:
: document.getElementById('xx').innerHTML="xxx";
: 這只是個大概啦,實做方法很多,但這兩個通常都會用到,
: 如果你的圖片說明、下面顯示的東西都存在資料庫的話,
: 要不換頁就得用到ajax哩。
看了一下
function onMouseOverImage() {
which = this.which;
setCurrentShown(which);
if (isIE)
document.getElementById('show'+which).style.display = 'inline';
}
裡面有另一個function會去自動呈現某個div
htmlString += '<div id="show'+i+'" style="display: none;">'+imageObject.desc+'</div></td>';
例如其中一個div就是
<div id="show1" style="display:none">關懷校園- -五年五百億執行與規劃座談會</div>
所以就是在圖上面再貼一層div,讓display為none,只加上image 物件的說明
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.228.146.66