打印

像51JOB一样的效果怎么做啊

sun387 [楼主]

灵魂也飞跃

高级会员

帖子: 353
体力: 573
威望: 0
当前: 广东广州
离线: 31 天

1^# 大中小发表于 2008-6-3 15:14

http://www.51job.com/price/51job_index.htm
把鼠标放上去显示内容该怎么做啊

闲逛的便衣

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

sun387 [楼主]

灵魂也飞跃

高级会员

帖子: 353
体力: 573
威望: 0
当前: 广东广州
离线: 31 天

2^# 大中小发表于 2008-6-3 15:21

哪位高手指教一下啊

闲逛的便衣

TOP

【美橙超级G空间】688元绑定10个子目录 | oracle工程师注册

sun387 [楼主]

灵魂也飞跃

高级会员

帖子: 353
体力: 573
威望: 0
当前: 广东广州
离线: 31 天

3^# 大中小发表于 2008-6-3 15:51

求人不如求己呢呼呼，，解决了

闲逛的便衣

TOP

请大家尊重和保护奥运知识产权。

chinaweb

新手上路

帖子: 20
体力: 18
威望: 0
离线: 2 天

4^# 大中小发表于 2008-6-30 10:23

哈哈

楼主把教程让出来共享一下吗

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

wkperfect

新手上路

帖子: 11
体力: 28
威望: 0
离线: 10 天

5^# 大中小发表于 2008-6-30 10:31

这个很简单,就是一个tip提示效果

提示：您可以先修改部分代码再运行

[ 本帖最后由 wkperfect 于 2008-6-30 10:36 编辑 ]

TOP

a7262619

初级会员

帖子: 28
体力: 61
威望: 0
当前: 湖北武汉
离线: 2 天

6^# 大中小发表于 2008-6-30 10:33

<html>
<head>
/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/
var offsetfrommouse=[15,15]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0; //duration in seconds image should remain visible. 0 for always.
var currentimageheight = 9;	// maximum image size.
if (document.getElementById || document.all){
	document.write('<div id="trailimageid">');
	document.write('</div>');
}
function gettrailobj(){
	if (document.getElementById) {
		return document.getElementById("trailimageid").style;
	} else if (document.all) {
		return document.all.trailimagid.style;
	}
}
function gettrailobjnostyle(){
	if (document.getElementById) {
		return document.getElementById("trailimageid");
	} else if (document.all) {
		return document.all.trailimagid;
	}
}
function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function showtrail(imagename,title,etitle,ourService,Price,showthumb,height,Scale,showprice,desicrib,Price2){
	if (height > 0){
		currentimageheight = height;
	}
	myString = new String(decodeURI(title))
	rExp = /\+/gi;
	newString = new String ("+")
	title = myString.replace(rExp, newString)
	myString = title
	rExp = /%26/gi;
	newString = new String ("&")
	title = myString.replace(rExp, newString)
	myString = title
	rExp = /%3B/gi;
	newString = new String (";")
	title = myString.replace(rExp, newString)
	myString = title
	rExp = /%2F/gi;
	newString = new String ("/")
	title = myString.replace(rExp, newString)
	myString = title
	rExp = /%3A/gi;
	newString = new String (":")
	title = myString.replace(rExp, newString)
	myString = title
	rExp = /%2B/gi;
	newString = new String ("+")
	title = myString.replace(rExp, newString)
	myString = title
	rExp = /%3F/gi;
	newString = new String ("?")
	title = myString.replace(rExp, newString)
	myString = title
	rExp = /%23/gi;
	newString = new String ("#")
	title = myString.replace(rExp, newString)
	myString = title
	rExp = /%2c/gi;
	newString = new String (",")
	title = myString.replace(rExp, newString)
	
	
	document.onmousemove=followmouse;
	newHTML = '<div style="padding: 3px; background-color: #FFFFDF; border: 1px solid #FF7300; color:#FF7300;">';
	
	if (showthumb > 0){
		newHTML = newHTML + '<div style="text-align:center;"><div align="center" style="padding: 2px; display:inline;"><img src="' + imagename + '" border="0"></div></div>';
	}
	newHTML = newHTML + '<div style="font-size:12px; line-height:20px; font-weight:900;padding-left:5px;">' + title + '</div>';
	newHTML = newHTML + '<div style="font-size:12px; line-height:20px; font-weight:900;padding-left:5px;margin-top:-3px;">' + etitle + '</div>';
	newHTML = newHTML + '<div style="font-size:12px; line-height:20px;padding-left:5px;display:block; font-weight:900;">' + '尺寸：' + Scale + '</div>';
	newHTML = newHTML + '<div style="font-size:12px; line-height:20px;padding-left:5px;display:block;">' + '<strong>服务内容：</strong>' + '</div>';
	newHTML = newHTML + '<div style="font-size:12px; line-height:20px;padding-left:5px;display:block; font-weight:900;">' + ourService + '</div>';
	newHTML = newHTML + '<div style="font-size:12px; line-height:20px;padding-left:5px;display:block;">' + '<strong>报价 Price：</strong><strong style="color:#333;">' + Price + '</strong>' + '</div>';
	if (showprice > 0){
		newHTML = newHTML + '<div style="font-size:12px; line-height:20px;padding-left:5px;display:block; font-weight:900;">' + desicrib + '</div>';
		newHTML = newHTML + '<div style="font-size:12px; line-height:20px;padding-left:5px;display:block;">' + '<strong>报价 Price：</strong><strong style="color:#333;">' + Price2 + '</strong>' + '</div>';
	}
	newHTML = newHTML + '</div>';
	gettrailobjnostyle().innerHTML = newHTML;
	gettrailobj().display="inline";
}
function hidetrail(){
	gettrailobj().innerHTML = " ";
	gettrailobj().display="none"
	document.onmousemove=""
	gettrailobj().left="-500px"
}
function followmouse(e){
	var xcoord=offsetfrommouse[0]
	var ycoord=offsetfrommouse[1]
	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)
	//if (document.all){
	//	gettrailobjnostyle().innerHTML = 'A = ' + truebody().scrollHeight + '<br>B = ' + truebody().clientHeight;
	//} else {
	//	gettrailobjnostyle().innerHTML = 'C = ' + document.body.offsetHeight + '<br>D = ' + window.innerHeight;
	//}
	if (typeof e != "undefined"){
		if (docwidth - e.pageX < 380){
			xcoord = e.pageX - xcoord - 185; // Move to the left side of the cursor
		} else {
			xcoord += e.pageX;
		}
		if (docheight - e.pageY < (currentimageheight + 135)){
			ycoord += e.pageY - Math.max(0,(135 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
		} else {
			ycoord += e.pageY;
		}
	} else if (typeof window.event != "undefined"){
		if (docwidth - event.clientX < 380){
			xcoord = event.clientX + truebody().scrollLeft - xcoord - 185; // Move to the left side of the cursor
		} else {
			xcoord += truebody().scrollLeft+event.clientX
		}
		if (docheight - event.clientY < (currentimageheight + 135)){
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,(135 + currentimageheight + event.clientY - docheight));
		} else {
			ycoord += truebody().scrollTop + event.clientY;
		}
	}
	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
		if(ycoord < 0) { ycoord = ycoord*-1; }
	gettrailobj().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"
}
</head>
<body>
<a onfocus="blur()" onmouseout="hidetrail();" onmouseover="showtrail('http://images.51job.com/im/price/images/files/kp_1.gif','宽屏广告','Beyond 1024 Special Ad','页面Logo+个别设计内容','询价','1',109,'150*200像素','0','','');" class="宽屏1" href="#001"><img src="http://images.51job.com/im/price/images/files/kp_1.gif"/></a>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP