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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

查看: 47499|回复: 171

[教程] 做了个纯CSS的图片展示效果. [复制链接]

snwebsite 楼主

蓝色怪兽

荣誉管理

帖子
4347
体力
14380
威望
69
居住地
香港特别行政区 湾仔区
发表于 2007-3-19 16:50:44 |显示全部楼层
!恩 偶然想到可以这么玩,虽然少了flash或者脚本的动感效果,但是用CSS就能简单实现也蛮不错的嘛!


原理大家一看就明白啦. 书签 + 隐藏的图片...

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







举一反三:

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


[ 本帖最后由 snwebsite 于 2007-3-21 10:23 编辑 ]
已有 1 人评分威望 收起 理由
blank + 2 精品文章,再补充点教程更好 XD

总评分: 威望 + 2   查看全部评分

西部数码顶级域名注册商39元抢注!
old9 
帖子
653
体力
1762
威望
88
居住地
安徽省 合肥市
发表于 2007-3-19 16:59:16 |显示全部楼层
哈哈,这个思路有意思。
http://old9.blogsome.com 已被 GFW 封锁
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

帖子
573
体力
1268
威望
0
发表于 2007-3-19 17:12:29 |显示全部楼层
厉害,原来dl dt dd是干这个用的啊。我都不知道这个标签是干什么用的。

使用道具 举报

小毅 

悟禅布衣

荣誉管理

帖子
1137
体力
10273
威望
218
居住地
广东省 广州市
发表于 2007-3-19 22:03:37 |显示全部楼层
这是个绝妙的想法,如果OPERA也能支持就更棒了!

使用道具 举报

放眼未来

高级会员

帖子
221
体力
509
威望
0
居住地
山东省 济南市
发表于 2007-3-19 22:15:28 |显示全部楼层
原来如此,有趣
暗夜艳阳,晴空朗月。

使用道具 举报

jdjia 

秀才

钻石会员 手机认证 

帖子
4355
体力
8588
威望
108
发表于 2007-3-19 22:32:39 |显示全部楼层
楼主,强人.

使用道具 举报

大萬

高级会员

帖子
276
体力
1150
威望
2
发表于 2007-3-20 07:43:39 |显示全部楼层
好帖子,这样的感觉也不错,但已经习惯了自动变换的样式,不知道用户还能不能够主动去点击切换。
九星时代:招设计师 http://hr.9stars.cn

使用道具 举报

Yorkyao

新手上路

帖子
424
体力
24
威望
0
发表于 2007-3-20 09:33:45 |显示全部楼层
这样也行,厉害,我怎么没想到呢

使用道具 举报

hzl918 
帖子
24
体力
51
威望
0
发表于 2007-3-20 10:09:12 |显示全部楼层
楼主真强,收藏了。

使用道具 举报

帖子
62
体力
222
威望
0
发表于 2007-3-20 11:57:42 |显示全部楼层
做记号咯
QQ:275333

使用道具 举报

帖子
73
体力
174
威望
0
发表于 2007-3-20 15:36:38 |显示全部楼层

楼主强淫啊~~~~

使用道具 举报

随枫飘月

银牌会员

帖子
753
体力
1698
威望
4
居住地
山东省 济南市
发表于 2007-3-20 16:05:31 |显示全部楼层
太棒了  好东西呀 收藏了

使用道具 举报

cbcman 
帖子
74
体力
351
威望
0
居住地
广东省 广州市
发表于 2007-3-20 17:49:09 |显示全部楼层
楼主,是高手!我以后会多来这里学习!希望楼主指教!谢谢!收藏了!

使用道具 举报

bmxcn 

能蟹仔

中级会员

帖子
145
体力
647
威望
0
发表于 2007-3-21 09:06:33 |显示全部楼层
原帖由 cbcman 于 2007-3-20 17:49 发表
楼主,是高手!我以后会多来这里学习!希望楼主指教!谢谢!收藏了!


我每天 都看几次~~楼主 还真强 !
还没想过能 用这个方法做。。

使用道具 举报

馍馍

高级会员

帖子
396
体力
587
威望
0
发表于 2007-3-21 09:29:49 |显示全部楼层
LZ 好强,受教了

使用道具 举报

帖子
1163
体力
4277
威望
0
发表于 2007-3-21 09:42:35 |显示全部楼层
不错不错,利用了锚点的概念作了这个效果,厉害。
忍受。一定要学会忍受。

使用道具 举报

帖子
146
体力
237
威望
0
居住地
浙江省 杭州市
发表于 2007-3-21 09:47:16 |显示全部楼层
楼主真牛啊/我做个记号.呵呵.下次找起来方便一点
http://www.shop34313562.taobao.com

使用道具 举报

km268 

盗版阿飞

版主 手机认证 

帖子
8828
体力
11934
威望
3
居住地
云南省 曲靖市
发表于 2007-3-21 10:39:38 |显示全部楼层
效果太好了...
不知道是否能实现鼠标经过时就激活呢?
a:hover...

使用道具 举报

帖子
1742
体力
1065
威望
4
居住地
广西壮族自治区 南宁市
发表于 2007-3-21 11:13:32 |显示全部楼层
有意思。

使用道具 举报

帖子
80
体力
2487
威望
0
居住地
广东省 深圳市
发表于 2007-3-21 11:25:05 |显示全部楼层
我也做个记号.
谢谢LZ

使用道具 举报

海参崴

中级会员

帖子
153
体力
333
威望
0
居住地
浙江省 杭州市
发表于 2007-3-21 11:49:53 |显示全部楼层
这好啊

使用道具 举报

帖子
163
体力
565
威望
0
发表于 2007-3-21 12:09:18 |显示全部楼层
佩服,css玩到高处,就是动脑子翻新花样了,自己也明白这个道理,可就是没往这方面想过,唉,笨了,笨了

使用道具 举报

帖子
573
体力
1268
威望
0
发表于 2007-3-21 13:47:55 |显示全部楼层
dl dt dd标签到底有什么作用呢?

使用道具 举报

zlkent 
帖子
710
体力
583
威望
0
居住地
上海市 浦东新区
发表于 2007-3-21 17:22:51 |显示全部楼层
FF下不行...
[url=http://www.kyleblog.com]http://www.kyleblog.c

使用道具 举报

old9 
帖子
653
体力
1762
威望
88
居住地
安徽省 合肥市
发表于 2007-3-21 17:27:09 |显示全部楼层
原帖由 zlkent 于 2007-3-21 17:22 发表
FF下不行...



可以的,自己写一个 html 试试。

[ 本帖最后由 old9 于 2007-3-21 20:50 编辑 ]
http://old9.blogsome.com 已被 GFW 封锁

使用道具 举报

wyzlx 
帖子
36
体力
150
威望
0
发表于 2007-3-21 20:26:18 |显示全部楼层
厉害,收藏了

使用道具 举报

ashi 
帖子
7
体力
25
威望
0
发表于 2007-3-21 20:34:14 |显示全部楼层
太智慧了,没想过还能这么玩。。。

使用道具 举报

小小菜鸟

钻石会员

帖子
3095
体力
10742
威望
0
发表于 2007-3-21 22:23:20 |显示全部楼层
学了一招... 强悍.

使用道具 举报

hahaxo 

天牢囚犯

银牌会员

帖子
299
体力
1232
威望
0
发表于 2007-3-21 23:36:16 |显示全部楼层
有想法 ,喜欢 。。。
about:blank

使用道具 举报

帖子
14
体力
115
威望
0
发表于 2007-3-22 02:25:22 |显示全部楼层
把 ul 变成 div
想放什么都可以、、
支持 ie + ff

ps: dl dt dd 从建站cms角度是很适合作图片效果的!

[ 本帖最后由 seagull8111 于 2007-3-22 02:28 编辑 ]

使用道具 举报

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

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

GMT+8, 2012-2-11 18:54 , Processed in 0.159638 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部