请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物,来参加蓝色理想积分兑换吧! 联系招聘客服 蓝色理想帮你找工作! 万元奖励等你拿——点点网模板设计大赛

查看: 7749|回复: 33

那位高手能破解beta.ninemsn.com.au的特效 [复制链接]

d1media 楼主
帖子
192
体力
610
威望
0
居住地
山东省 青岛市
发表于 2007-2-8 15:11:31 |显示全部楼层
http://beta.ninemsn.com.au/

那位高手能破解一下这个页面右下脚的“shopping”栏目上的JS+CSS的鼠标移上文字、图片和表格都变化的效果,谢谢!相信大家都会很感兴趣的!
http://www.d1media.com
西部数码顶级域名注册商39元抢注!
wqzhu 
帖子
18
体力
46
威望
0
发表于 2007-2-8 17:10:44 |显示全部楼层
图片变大了,表格自然也被撑开了!
图片变化是个逐步变大的过渡效果。
其实难度并不是很大的
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

Nicest 

我为JS狂

高级会员

帖子
362
体力
705
威望
3
发表于 2007-2-8 17:54:18 |显示全部楼层
看了一下,我分析一下:

对于整个框体,即装下这4个标签的div,有个css:超出隐藏

对于图片:是在放大之后也就是onmouseover的时候才是他的正常大小,在onmouseout的时候他是缩小的,你注意看图片的锯齿.还有,注意他的图片是等比例缩放的

对于文字:图片放大是需要一个过程的,也就是 隔多少时间触发一个函数,在图片的大小=图片正常大小的时候停止掉这个触发函数的对象.  这个有很多参考,很简单.

注:在删除触发的同时 标题变色,并在下面显示出另外的介绍.


当onmouseout的时候,其实就是上面写的过程的反向执行.先隐藏显示的文字-图片缩小-标题文字变色.



其实并不复杂.  至于这个tr或者li变大变小..其实我分析觉得一直都没有给tr或者li一个具体的高度.是根据里面内容高度而改变的,即图片的高度,和上面那位朋友说的一样
NewBlog: auntion.blogbus.com

使用道具 举报

心飘逝

金牌会员 手机认证 

帖子
1464
体力
4043
威望
11
居住地
广东省 深圳市
发表于 2007-2-8 20:01:28 |显示全部楼层
有时间试着写写代码!!哈哈。看看能不能搞定来咯
无忧团 团无忧
三原色 szrgb.net

使用道具 举报

d1media 楼主
帖子
192
体力
610
威望
0
居住地
山东省 青岛市
发表于 2007-2-9 08:10:57 |显示全部楼层
希望大侠们能做个demo,供大家学习一下啊!多谢了!
http://www.d1media.com

使用道具 举报

心飘逝

金牌会员 手机认证 

帖子
1464
体力
4043
威望
11
居住地
广东省 深圳市
发表于 2007-2-9 10:01:00 |显示全部楼层

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



-----------------------------------------------------------------------------------------------------------------------------------
上班啦。随便搞了个。还是不理想,主要是触发延时那段不好。有时间再整整,哪位高手也帮帮改改!

-----------------------------------------------------------------------------------------------------------------------------------
唉。本周日也要上班,辛苦呀!
无忧团 团无忧
三原色 szrgb.net

使用道具 举报

宝疙瘩

高级会员

帖子
382
体力
850
威望
35
居住地
山西省 太原市
发表于 2007-2-9 10:20:00 |显示全部楼层
这也不难啊?tab行为的变种。
Extjs,JQuery
ibatis,glassfish
Dream,Eclipse

使用道具 举报

d1media 楼主
帖子
192
体力
610
威望
0
居住地
山东省 青岛市
发表于 2007-2-9 10:30:35 |显示全部楼层
lovelium 这个基本实现了,延迟和细节要是再精致一些就ok了!有时间改改吧!呵呵!这个周末我也要上班啊!苦啊!
http://www.d1media.com

使用道具 举报

soli 

习惯寂寞

中级会员

帖子
151
体力
310
威望
0
发表于 2007-2-9 12:10:13 |显示全部楼层
抠出来给大家玩玩。
没太多时间弄,楼主来整理一下吧:

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

使用道具 举报

d1media 楼主
帖子
192
体力
610
威望
0
居住地
山东省 青岛市
发表于 2007-2-9 13:06:18 |显示全部楼层
多谢楼上的,我研究一下先!
http://www.d1media.com

使用道具 举报

d1media 楼主
帖子
192
体力
610
威望
0
居住地
山东省 青岛市
发表于 2007-2-9 13:50:44 |显示全部楼层
研究完毕,一切都已经明白了也整理好了!多谢几位了,特别是soli!呵呵!
http://www.d1media.com

使用道具 举报

hero4u 

孤竹林

金牌会员 手机认证 

帖子
1305
体力
3444
威望
14
居住地
湖南省 长沙市
发表于 2007-2-9 15:04:51 |显示全部楼层

这个效果蛮酷的么
体验游戏 game4power

使用道具 举报

心飘逝

金牌会员 手机认证 

帖子
1464
体力
4043
威望
11
居住地
广东省 深圳市
发表于 2007-2-9 15:07:16 |显示全部楼层
刚看了一下soli扣得。也看了看。不过我心中还是有自己的想法。就做了个。但是还是有问题。
希望高手帮我改改。告诉是什么问题。对于脚本还是初学。希望得到高手指点。

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



-----------------------------------------------------------------------------------------------------------
啊。忘记说是哪里的问题了。主要是当鼠标滑向下个TD时就出问题。如果横向滑到外面就没事。是不是ID的问题。恳请高手指点!

[ 本帖最后由 lovelium 于 2007-2-9 15:09 编辑 ]
无忧团 团无忧
三原色 szrgb.net

使用道具 举报

帖子
140
体力
143
威望
0
发表于 2007-2-9 16:09:28 |显示全部楼层
那位高手在顺便看看它网站另一个地方的效果怎么弄得?

使用道具 举报

帖子
177
体力
701
威望
0
居住地
辽宁省 大连市
发表于 2007-2-12 10:17:01 |显示全部楼层
这么好的东西一定顶上去

使用道具 举报

Jiaxin 
帖子
45
体力
130
威望
0
发表于 2007-2-22 23:37:22 |显示全部楼层
很酷的效果,经常这种效果一般都用Flash。

使用道具 举报

金翅擘海

钻石会员

帖子
16559
体力
37158
威望
143
发表于 2007-2-23 00:58:14 |显示全部楼层
onmouse之后反应速度太慢

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


┏┯┓┏┯┓┏┯┓┏┯┓
┨┠┨┠┨┠
┗┷┛┗┷┛┗┷┛┗┷┛

使用道具 举报

themy 

血色

中级会员

帖子
172
体力
851
威望
0
发表于 2007-2-23 03:18:14 |显示全部楼层
楼主给出的这个网页还有很多东西值得学习呢,像顶部的菜单。。感谢
Eureka ! the nice url

使用道具 举报

花匠

高级会员 手机认证 

帖子
570
体力
894
威望
4
居住地
北京市 昌平区
发表于 2007-6-21 09:00:39 |显示全部楼层
原来SupeSite的softsea模版就是学的这个网站,hoho

使用道具 举报

weiya 
帖子
10
体力
35
威望
0
发表于 2007-6-21 10:30:35 |显示全部楼层
顶了!很棒的效果!

使用道具 举报

瑞恩D40

高级会员

帖子
196
体力
579
威望
0
发表于 2007-6-21 10:41:31 |显示全部楼层
marvellous
貌似不光是时间延迟这么点问题吧,抖得我厉害
Ryanli designer

使用道具 举报

jdoni 
帖子
55
体力
132
威望
0
发表于 2007-6-21 11:44:38 |显示全部楼层
呵呵,原来以为没有效果。几分钟以后狂抖,晕了。

使用道具 举报

帖子
4
体力
18
威望
0
发表于 2007-6-21 11:58:46 |显示全部楼层
恩恩 ~大家都是高手

使用道具 举报

帖子
15
体力
26
威望
0
居住地
广东省 广州市
发表于 2007-6-21 15:22:21 |显示全部楼层
TD抖得太厉害了!还是DIV正常一点!呵呵

使用道具 举报

Evance 

剑侠狗

钻石会员

帖子
11580
体力
7079
威望
1
居住地
浙江省 杭州市
发表于 2007-6-21 18:25:49 |显示全部楼层
原帖由 十字花下 于 2007-6-21 09:00 发表
原来SupeSite的softsea模版就是学的这个网站,hoho




不是学
是抄袭..
带着智商说话
布拉格

使用道具 举报

huqiu2 
帖子
86
体力
378
威望
0
发表于 2007-9-20 11:00:59 |显示全部楼层
的确是个不错的效果~
    谢谢上面各位的辛苦~

使用道具 举报

bbon 
帖子
176
体力
709
威望
0
居住地
江苏省 南京市
发表于 2007-9-20 13:59:03 |显示全部楼层
不错哦

研究下
bbon.cn

使用道具 举报

chnama 
帖子
376
体力
2085
威望
0
发表于 2007-9-20 14:06:17 |显示全部楼层
这种东西难的是创意,而不是实现的技术
ajax在线翻译
http://www.cq130.net:85/

使用道具 举报

帖子
26
体力
48
威望
0
居住地
浙江省 杭州市
发表于 2007-9-20 14:13:00 |显示全部楼层
这个类似于鱼眼(fish eye)的效果。

使用道具 举报

帖子
2981
体力
12722
威望
10
发表于 2007-9-20 22:41:17 |显示全部楼层
有点不舒服:

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

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-13 11:19 , Processed in 0.205370 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部