作者huge (huge)
看板Web_Design
标题Re: [问题] 请问清大首页的效果
时间Fri Nov 23 18:49:37 2007
※ 引述《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