收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 62770|回复: 174

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

[复制链接]
发表于 2007-3-19 16:50:44 | 显示全部楼层 |阅读模式
!恩 偶然想到可以这么玩,虽然少了flash或者脚本的动感效果,但是用CSS就能简单实现也蛮不错的嘛!


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

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







举一反三:

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


[[i] 本帖最后由 snwebsite 于 2007-3-21 10:23 编辑 ]

评分

参与人数 1威望 +2 收起 理由
blank + 2 精品文章,再补充点教程更好 XD

查看全部评分

发表于 2007-3-19 16:59:16 | 显示全部楼层
哈哈,这个思路有意思。
回复 支持 反对

使用道具 举报

发表于 2007-3-19 17:12:29 | 显示全部楼层
厉害,原来dl dt dd是干这个用的啊。我都不知道这个标签是干什么用的。
回复 支持 反对

使用道具 举报

发表于 2007-3-19 22:03:37 | 显示全部楼层
这是个绝妙的想法,如果OPERA也能支持就更棒了!
回复 支持 反对

使用道具 举报

发表于 2007-3-19 22:15:28 | 显示全部楼层
原来如此,有趣
回复 支持 反对

使用道具 举报

发表于 2007-3-19 22:32:39 | 显示全部楼层
楼主,强人.
回复 支持 反对

使用道具 举报

发表于 2007-3-20 07:43:39 | 显示全部楼层
好帖子,这样的感觉也不错,但已经习惯了自动变换的样式,不知道用户还能不能够主动去点击切换。
回复 支持 反对

使用道具 举报

发表于 2007-3-20 09:33:45 | 显示全部楼层
这样也行,厉害,我怎么没想到呢
回复 支持 反对

使用道具 举报

发表于 2007-3-20 10:09:12 | 显示全部楼层
楼主真强,收藏了。
回复 支持 反对

使用道具 举报

发表于 2007-3-20 11:57:42 | 显示全部楼层
做记号咯
回复 支持 反对

使用道具 举报

发表于 2007-3-20 15:36:38 | 显示全部楼层

楼主强淫啊~~~~
回复 支持 反对

使用道具 举报

发表于 2007-3-20 16:05:31 | 显示全部楼层
太棒了  好东西呀 收藏了
回复 支持 反对

使用道具 举报

发表于 2007-3-20 17:49:09 | 显示全部楼层
楼主,是高手!我以后会多来这里学习!希望楼主指教!谢谢!收藏了!
回复 支持 反对

使用道具 举报

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


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

使用道具 举报

发表于 2007-3-21 09:29:49 | 显示全部楼层
LZ 好强,受教了
回复 支持 反对

使用道具 举报

发表于 2007-3-21 09:42:35 | 显示全部楼层
不错不错,利用了锚点的概念作了这个效果,厉害。
回复 支持 反对

使用道具 举报

发表于 2007-3-21 09:47:16 | 显示全部楼层
楼主真牛啊/我做个记号.呵呵.下次找起来方便一点
回复 支持 反对

使用道具 举报

发表于 2007-3-21 10:39:38 | 显示全部楼层
效果太好了...
不知道是否能实现鼠标经过时就激活呢?
a:hover...
回复 支持 反对

使用道具 举报

发表于 2007-3-21 11:13:32 | 显示全部楼层
有意思。
回复 支持 反对

使用道具 举报

发表于 2007-3-21 11:25:05 | 显示全部楼层
我也做个记号.
谢谢LZ
回复 支持 反对

使用道具 举报

发表于 2007-3-21 11:49:53 | 显示全部楼层
这好啊
回复 支持 反对

使用道具 举报

发表于 2007-3-21 12:09:18 | 显示全部楼层
佩服,css玩到高处,就是动脑子翻新花样了,自己也明白这个道理,可就是没往这方面想过,唉,笨了,笨了
回复 支持 反对

使用道具 举报

发表于 2007-3-21 13:47:55 | 显示全部楼层
dl dt dd标签到底有什么作用呢?
回复 支持 反对

使用道具 举报

发表于 2007-3-21 17:22:51 | 显示全部楼层
FF下不行...
回复 支持 反对

使用道具 举报

发表于 2007-3-21 17:27:09 | 显示全部楼层
原帖由 [i]zlkent 于 2007-3-21 17:22 发表
FF下不行...



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

[[i] 本帖最后由 old9 于 2007-3-21 20:50 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2007-3-21 20:26:18 | 显示全部楼层
厉害,收藏了
回复 支持 反对

使用道具 举报

发表于 2007-3-21 20:34:14 | 显示全部楼层
太智慧了,没想过还能这么玩。。。
回复 支持 反对

使用道具 举报

发表于 2007-3-21 22:23:20 | 显示全部楼层
学了一招... 强悍.
回复 支持 反对

使用道具 举报

发表于 2007-3-21 23:36:16 | 显示全部楼层
有想法 ,喜欢 。。。
回复 支持 反对

使用道具 举报

发表于 2007-3-22 02:25:22 | 显示全部楼层
把 ul 变成 div
想放什么都可以、、
支持 ie + ff

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

[[i] 本帖最后由 seagull8111 于 2007-3-22 02:28 编辑 ]
回复 支持 反对

使用道具 举报

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

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-3-31 21:51 , Processed in 0.125658 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表