| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 683 人关注过本帖
标题:这个怪东东怎么实现??
只看楼主 加入收藏
yzwt2004
Rank: 1
等 级:新手上路
帖 子:472
专家分:0
注 册:2006-1-18
收藏
 问题点数:0 回复次数:11 
这个怪东东怎么实现??
http://www.wsi.com.cn/wsi/cn/default.html
进入后点 亲闻

就是说,一个网页分二个部分(上,下)

当鼠标放在下部公不同的图片上(设下部分有4张图)时,而上部分都跟着在变

这种效果怎么实现??
搜索更多相关主题的帖子: 东东 
2006-04-22 16:17
ming206
Rank: 2
来 自:重庆
等 级:等待验证会员
威 望:3
帖 子:545
专家分:7
注 册:2005-8-2
收藏
得分:0 
一个JS的效果,是鼠标滑过事件。
应该不难,我看了一下,每次变化的时候都要刷新
我觉得也可以用innithttp可以达到不用刷新,效果同样可以,

外贸综合平台:E贸通
2006-04-22 17:54
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:0 

如果没猜错那个网页做了两个iframe,鼠标经过其中一个图片时改变上面iframe的URL地址声音是相面的网页直接潜入好的,图片透明效果也就使用了CSS的可见度属性来实现的。

2006-04-22 20:55
yzwt2004
Rank: 1
等 级:新手上路
帖 子:472
专家分:0
注 册:2006-1-18
收藏
得分:0 
能说得详尽点吗??
给我看看行吗?我不会,现在急着要呀

想学 .Net 了
2006-04-24 10:28
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:0 
以下是引用yzwt2004在2006-4-24 10:28:00的发言:
能说得详尽点吗??
给我看看行吗?我不会,现在急着要呀

图片的透明度效果目前还没做过,但改变动态iframe的URL地址到有现成例子,你可以先体会一下如何改变iframe的URL就能更深入的了解这个效果。
限时改变iframe的URL地址代码

<script language="JavaScript">
var num=0;
var a;
function ChangeSrc(){
num++;
setTimeout("ChangeSrc()",10000);
a=num%3;
if (a==0){
window1.location="http://www.google.com";
}
else if(a==1){
window1.location="http://www.baidu.com";
}
else{
window1.location="http://bbs.bc-cn.net";
}
}</script><body topMargin=0 onLoad="ChangeSrc();">
<iframe name="window1" src="" height="300" width="800" frameborder="0" scrolling="no">

</iframe>
</body>
2006-04-24 13:02
yzwt2004
Rank: 1
等 级:新手上路
帖 子:472
专家分:0
注 册:2006-1-18
收藏
得分:0 

图片的透明度效果 我会,是一个js实现的

可你这个写的是什么意,一点动行代码怎么到百度了??

你能做成当鼠标移到上面时变地址吗??

谢谢


想学 .Net 了
2006-04-24 13:58
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:0 
以下是引用yms123在2006-4-24 13:02:00的发言:

图片的透明度效果目前还没做过,但改变动态iframe的URL地址到有现成例子,你可以先体会一下如何改变iframe的URL就能更深入的了解这个效果。
限时改变iframe的URL地址代码

<script language="JavaScript">
var act;
act="";
function ChangeSrc()
{
switch(act)
{
case "google":
window1.location="http://www.google.com";
break;
case "baidu":
window1.location="http://www.baidu.com";
break;
case "bccn":
window1.location="http://bbs.bc-cn.net";
break;
}
}
function selWebSite_Click(a)
{
act=a;
ChangeSrc();
}
</script>
<body topMargin=0 >
<iframe name="window1" src="" height="300" width="800" frameborder="0" scrolling="no">

</iframe>
|<a href=# onMouseover=selWebSite_Click('baidu'); >到百度</a>|
|<a href=# onMouseover=selWebSite_Click('google'); >到google</a>|
|<a href=# onMouseover=selWebSite_Click('bccn'); >到本论坛</a>|
</body>

[此贴子已经被作者于2006-4-24 14:53:26编辑过]

2006-04-24 14:52
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:0 

代码解释
selWebSite_Click('baidu');
其中的字符串是判断参数。
onMouseover
意思是当鼠标放到这里时执行selWebSite_Click('baidu'); 这个函数的代码。
function selWebSite_Click(a)
{
act=a;
//这里这个a就是selWebSite_Click('baidu');
//红字传过来的参数赋值给act变量
ChangeSrc();
//这是执行另一个方法。
}
function ChangeSrc()
{
switch(act)//判断act变量中所得到的值
{
case "google"://如果act="google"也就是act=google时
window1.location="http://www.google.com";
//将iframe的URL指向到google
break;//停止判断
//剩下的结构跟第一个一样不用解释了吧?
case "baidu":
window1.location="http://www.baidu.com";
break;
case "bccn":
window1.location="http://bbs.bc-cn.net";
break;
}
}

2006-04-24 15:01
yzwt2004
Rank: 1
等 级:新手上路
帖 子:472
专家分:0
注 册:2006-1-18
收藏
得分:0 

十分感谢,牛


想学 .Net 了
2006-04-25 08:37
yzwt2004
Rank: 1
等 级:新手上路
帖 子:472
专家分:0
注 册:2006-1-18
收藏
得分:0 

不过有一个小问题
那就是开始打开时什么也没有了,能搞个默认吗??


想学 .Net 了
2006-04-26 15:34
快速回复:这个怪东东怎么实现??
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.023200 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved