<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table align="center" bgcolor="#ffffff" border="0" bordercolor="#ffffff" cellpadding="0" cellspacing="0" width="1003">
<tbody>
<tr>
<td background="images_files/intr_b_21.gif" width="77"> </td>
<td background="images_files/intr_b_22.gif" height="161" valign="bottom" width="660"><div class="selector" id="selector" name="selector"><img id="selector1" src="images_files/select.htm" name="selector1" border?0="" width="1"><img src="images_files/about_11.jpg" alt="" height="40" width="480"></div></td>
<td valign="top">
<script language="Javascript">
//edits: ben 8.1.3 -> added pixelation for the selectimage() function
var w3c = (document.getElementById) ? 1:0;
var ie = (navigator.appName.indexOf("Microsoft") != -1) ? 1:0;
var ns = (!ie) ? 1:0;
var ie4 = (document.all) ? 1:0;
var ie5 = (navigator.userAgent.indexOf("MSIE 5.0") != -1) ? 1:0;
var ns6 = ((!ie) && (w3c)) ? 1:0;
var ns4 = ((ns) && (!ns6)) ? 1:0; //can't use inline document.layers check as it causes script parse crash on ns4.x
var mac = (navigator.platform.indexOf("Mac") != -1) ? 1:0;
//start filter check
var ie55 = (navigator.userAgent.indexOf("MSIE 5.5") != -1) ? 1:0;
var ie6 = (navigator.userAgent.indexOf("MSIE 6.0") != -1) ? 1:0;
var hasDxFilters = (ie55||ie6);
//end filter check
function getObjectRef(obj) {
var objref;
if (w3c) {
if (document.getElementById(obj)) objref = document.getElementById(obj);
} else if (ie) {
objref = document.all(obj);
} else if (ns4) {
objref = document[obj];
}
return objref;
}
gotimages = new Array(16);
gotimages = ',,,,,,,,,,,,,,,'.split(',');
//Preload any images
img1 = new Image(); img1.src="images/i01.gif";
img2 = new Image(); img2.src="images/ima01.jpg";
img3 = new Image(); img3.src="ver7/asp/";
img4 = new Image(); img4.src="images/i02.jpg";
img5 = new Image(); img5.src="images/ima02.jpg";
img6 = new Image(); img6.src="/ver7/asp/";
img7 = new Image(); img7.src="images/i03.jpg";
img8 = new Image(); img8.src="images/ima03.jpg";
img9 = new Image(); img9.src="ver7/asp/";
img10 = new Image(); img10.src="images/i03.jpg";
img11 = new Image(); img11.src="images/ima03.jpg";
img12 = new Image(); img12.src="ver7/asp/";
gotimages[1] = 'i01.gif';
gotimages[2] = 'ima01.jpg';
gotimages[3] = 'ima01.jpg';
gotimages[4] = 'i02.jpg';
gotimages[5] = 'ima02.jpg';
gotimages[6] = 'ima02.jpg';
gotimages[7] = 'i03.jpg';
gotimages[8] = 'ima03.jpg';
gotimages[9] = 'ima03.jpg';
gotimages[10] = 'i03.jpg';
gotimages[11] = 'ima03.jpg';
gotimages[12] = 'ima03.jpg';
var current = 0;
function rollimage(image,state) // not really used too much any more - just for init. Remove eventually.
{
if(gotimages[image].length>1)
{
if(state==1)
{
document['thumb'+image].src = eval("img"+(image)+".src");
}
else
{
if(current!=image)
{
document['thumb'+image].src = eval("img"+(image)+".src");
}
}
}
}
function selectimage(image)
{
if(current!=image && gotimages[image+1].length>1)
{
if(current>0)
{
if(ie)
{
//document['thumb'+current].filters[0].Grayscale = 1;
document['thumb'+current].filters[0].Enabled = true;
}
}
if(hasDxFilters)
{
//start: ben's filter changes:
getObjectRef("mainimage").filters[0].apply();
document['mainimage'].src = eval("img"+(image+1)+".src");
getObjectRef("mainimage").filters[0].play();
//end: ben's filter changes:
}
else
{
document['mainimage'].src = eval("img"+(image+1)+".src");
}
current = image;
//different height for Viral
//if (1 == 2)
// {
// getObjectRef('selector').style.top = ((99*image)/3)-27 // To be fair, I'm not entirely sure why this formula works, but hey ho. JP
// }
//else
// {
if(!(mac && ie))
{
getObjectRef('selector').style.top = ((50*image)/3)-11 // To be fair, I'm not entirely sure why this formula works, but hey ho. JP
}
// }
if(ie)
{
//document['thumb'+current].filters[0].Grayscale = 0;
document['thumb'+current].filters[0].Enabled = false;
}
}
}
function roll(image,state)
{
if(image!=current)
{
//document['thumb'+image].filters[0].Grayscale = state;
document['thumb'+image].filters[0].Enabled = state;
}
}
function enlarge()
{
if (gotimages[current+2].length>1)
{
window.open('gallery_enlarged.asp?itemid=155&caption=Little Chef&image='+gotimages[current+2],'galleryenlargement','width=660,height=530,scrollbars=yes');
}
else
{
alert('Sorry, there is no enlarged version for this image.');
}
}
rollimage(1,0);
rollimage(4,0);
rollimage(7,0);
rollimage(10,0);
if(mac && ie)
{
document['thumb1'].src = eval("img1.src");
document['mainimage'].src = eval("img2.src");
document['selector1'].src = 'images/spacer.gif';
}
else
{
selectimage(1);
}
</script></td>
</tr>
</tbody>
</table>
</body>
</html>
HTML-CSS-JavaScript范例应用配套光盘9-13
需积分: 3 21 浏览量
2008-03-07
12:12:14
上传
评论
收藏 4.37MB RAR 举报
HTML-CSS-JavaScript范例应用配套光盘9-13 （377个子文件） 
main.css 4KB css.css 2KB css.css 2KB css.css 2KB css.css 2KB css.css 2KB css.css 2KB css.css 2KB netError.css 2KB css.css 2KB css.css 2KB css.css 2KB css.css 1KB css.css 1KB yangshi.css 690B text.css 447B Thumbs.db 58KB Thumbs.db 16KB Thumbs.db 11KB Thumbs.db 8KB Thumbs.db 8KB Thumbs.db 8KB
gongsijianjie_03.gif 71KB word2.gif 11KB top_01.gif 11KB gongsijianjie_01.gif 8KB left_01.gif 7KB gongsijianjie_09.gif 6KB gongsijianjie_07.gif 6KB top_03.gif 4KB left_04.GIF 4KB left_02.gif 4KB left_09.gif 2KB intr_b_22.gif 2KB intr_b_22.gif 2KB intr_b_22.gif 2KB intr_b_22.gif 2KB intr_b_22.gif 2KB intr_b_22.gif 2KB intr_b_22.gif 2KB intr_b_22.gif 2KB intr_b_22.gif 2KB gongsijianjie.gif 2KB gongsixinwen.gif 2KB read_left2.gif 2KB read_left2.gif 2KB read_left2.gif 2KB read_left2.gif 2KB read_left2.gif 2KB read_left2.gif 2KB read_left2.gif 2KB read_left2.gif 2KB read_left2.gif 2KB read_left2.gif 2KB read_left2.gif 2KB read_left2.gif 2KB gongsijianjie_05.gif 1012B gongsijianjie_02.gif 802B you.gif 657B jiao_01.gif 532B dian.gif 486B left_05.GIF 363B moshu.gif 359B gongsijianjie_04.gif 336B left_06.GIF 313B intr_b_21.gif 311B intr_b_21.gif 311B intr_b_21.gif 311B intr_b_21.gif 311B intr_b_21.gif 311B intr_b_21.gif 311B intr_b_21.gif 311B intr_b_21.gif 311B intr_b_21.gif 311B left_07.GIF 291B jin.gif 246B left_08.GIF 241B intr_b_06.gif 188B intr_b_06.gif 188B intr_b_06.gif 188B intr_b_06.gif 188B intr_b_06.gif 188B intr_b_06.gif 188B intr_b_06.gif 188B intr_b_06.gif 188B intr_b_06.gif 188B jiao_02.gif 152B more.gif 109B moshu1.gif 100B you1.gif 87B tiao.gif 73B dot01.gif 63B dot01.gif 63B dot01.gif 63B dot01.gif 63B dot01.gif 63B dot01.gif 63B dot01.gif 63B dot01.gif 63B dot01.gif 63B共 377 条
- 1
- 2
- 3
- 4
资源评论
