主站
经典论坛
家园
作品集
Think.Pages
维基
桌面
聚合
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
»
前台制作与脚本专栏
» 像51JOB一样的效果怎么做啊
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
像51JOB一样的效果怎么做啊
sun387
[楼主]
灵魂也飞跃
高级会员
帖子
353
体力
573
威望
0
当前
广东 广州
离线
31 天
个人空间
发短消息
作品 1
加为好友
1
#
大
中
小
发表于 2008-6-3 15:14
http://www.51job.com/price/51job_index.htm
把鼠标放上去显示内容该怎么做啊
闲逛的便衣
积分
573
阅读权限
50
在线时间
136 小时
注册时间
2007-6-15
最后登录
2008-8-7
查看详细资料
TOP
做西部数码代理.Cn1元国际45元
|
将虚拟化进行到底
sun387
[楼主]
灵魂也飞跃
高级会员
帖子
353
体力
573
威望
0
当前
广东 广州
离线
31 天
个人空间
发短消息
作品 1
加为好友
2
#
大
中
小
发表于 2008-6-3 15:21
哪位高手指教一下啊
闲逛的便衣
积分
573
阅读权限
50
在线时间
136 小时
注册时间
2007-6-15
最后登录
2008-8-7
查看详细资料
TOP
【美橙超级G空间】688元绑定10个子目录
|
oracle工程师注册
sun387
[楼主]
灵魂也飞跃
高级会员
帖子
353
体力
573
威望
0
当前
广东 广州
离线
31 天
个人空间
发短消息
作品 1
加为好友
3
#
大
中
小
发表于 2008-6-3 15:51
求人不如求己呢 呼呼,, 解决了
闲逛的便衣
积分
573
阅读权限
50
在线时间
136 小时
注册时间
2007-6-15
最后登录
2008-8-7
查看详细资料
TOP
请大家尊重和保护奥运知识产权。
chinaweb
新手上路
帖子
20
体力
18
威望
0
离线
2 天
个人空间
发短消息
加为好友
4
#
大
中
小
发表于 2008-6-30 10:23
哈哈
楼主把教程让出来共享一下吗
积分
18
阅读权限
10
性别
女
在线时间
97 小时
注册时间
2007-12-5
最后登录
2008-9-5
查看详细资料
TOP
还在为头像烦恼?还在为不能关注好友动态烦忧?快来
蓝色理想家园
吧!
wkperfect
新手上路
帖子
11
体力
28
威望
0
离线
10 天
个人空间
发短消息
加为好友
5
#
大
中
小
发表于 2008-6-30 10:31
这个很简单,就是一个tip提示效果
<script> /* tooltips */ function hideToolTip(){ parent.document.getElementById("frDiv_zikao5").style.visibility="hidden"; } function showToolTip(event,msg){ var event =event || window.event; var ifr_zikao5 = getIFrameDocument("ifr_zikao5"); var e_html = ifr_zikao5.createElement("html"); var e_body = ifr_zikao5.createElement("body"); e_body.style.marginLeft = "0px"; e_body.style.marginTop = "0px"; e_body.style.marginBottom = "0px"; e_body.style.marginRight = "0px"; var e_div = ifr_zikao5.createElement("div"); e_div.id = "divContent"; e_div.style.wordWrap="break-word"; e_div.style.backgroundColor="#aad5ff"; e_div.style.borderStyle="solid"; e_div.style.borderWidth="1px"; e_div.style.borderColor="#336699"; e_div.style.paddingLeft = "3px"; e_div.style.paddingTop = "3px"; e_div.style.paddingBottom = "3px"; e_div.style.paddingRight = "3px"; e_div.innerHTML = msg; e_body.appendChild(e_div); e_html.appendChild(e_body); ifr_zikao5.body.innerHTML = e_body.innerHTML; var oBody = ifr_zikao5.getElementById("divContent"); var oFrame = document.getElementById("ifr_zikao5"); var oFrDiv = document.getElementById("frDiv_zikao5"); oFrame.style.height = oBody.offsetHeight; //oFrame.style.width = oBody.offsetWidth; oFrDiv.style.visibility="visible"; /*event.x与event.y问题 说明:IE下,even对象有x,y属性,但是没有pageX,pageY属性; Firefox下,even对象有pageX,pageY属性,但是没有x,y属性. 解决方法: 使用mX(mX = event.x ? event.x : event.pageX;) 来代替IE下的event.x或者Firefox下的event.pageX. */ oFrDiv.style.left = ((event.x ? event.x : event.pageX)+1)+"px"; oFrDiv.style.top = ((event.y ? event.y : event.pageY)+1)+"px"; } function getIFrameDocument(aID) { var rv = null; if (document.getElementById(aID).contentWindow){ rv = document.getElementById(aID).contentWindow.document; } else { // IE rv = document.frames[aID].document; } return rv; } </script> 测试1: <img src="http://bbs.zikao5.com/images/logo1.gif" onmouseover="showToolTip(event,'<font style=font-size:14px;font-weight:bold;color:#000000>测试1</font><img src=http://bbs.zikao5.com/images/default/logo.gif border=0 align=absmiddle>');" alt="" onmouseout="hideToolTip();" /> 测试2: <img src="http://bbs.zikao5.com/images/logo1.gif" onmouseover="showToolTip(event,'<font style=font-size:14px;font-weight:bold;color:#000000>测试2</font><img src=http://bbs.zikao5.com/images/default/logo.gif border=0 align=absmiddle>');" alt="" onmouseout="hideToolTip();" /> 测试3: <a href="a.html" onmouseover="showToolTip(event,'<font style=font-size:14px;font-weight:bold;color:#000000>测试2</font><img src=http://bbs.zikao5.com/images/default/logo.gif border=0 align=absmiddle>');" alt="" onmouseout="hideToolTip();">zikao5.com</a> <div id="frDiv_zikao5" style="overflow: visible; position: absolute; visibility: hidden; z-index: 500"> <iframe id="ifr_zikao5" src="javascript:null" style="overflow: visible; position: relative; z-index: 500; width: 342px;height:0px;" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></iframe> </div>
提示:您可以先修改部分代码再运行
[
本帖最后由 wkperfect 于 2008-6-30 10:36 编辑
]
积分
28
阅读权限
10
在线时间
20 小时
注册时间
2007-12-3
最后登录
2008-8-28
查看详细资料
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>
提示:您可以先修改部分代码再运行
积分
61
阅读权限
20
在线时间
42 小时
注册时间
2008-5-3
最后登录
2008-9-6
查看详细资料
TOP
‹‹ 上一主题
|
下一主题 ››
版块跳转
内部交流区
网站开发区
前台制作与脚本专栏
后台数据库编程
WEB标准化专栏
WAP 技术专栏
平面设计区
艺术与设计论坛
Adobe Photoshop 专栏
Fireworks 专栏
矢量图形专栏
插画手绘交流
交互设计区
用户体验综合版
UI图形设计
RIA设计与应用
Flash 8 及之前版本
Flash CS3 及 AS3
Silverlight 专版
Director 专栏
其它技术讨论区
计算机技术
英语学习和技术翻译
摄影欣赏与技术交流
无线通讯与数码设备
信息平台
企业招聘
学习工作交流区
创业版