广告商业广告，理性选择

带缓冲的收缩与展开内容效果

发布时间：2007-09-28　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

兼容ie5.5+firefox2.0(因为我只有这两个浏览器,所以只在它们中做了测试)看到blueidea很多朋友都发了一些收缩与展开内容的效果,唯一差的就是一个缓冲效果.不多说,运行一下就知道了,呵呵.最大高度还需要固定数值.没有很好的解决方案.有兴趣的朋友帮忙解决一下拉

兼容ie5.5+firefox2.0(因为我只有这两个浏览器,所以只在它们中做了测试)

看到blueidea很多朋友都发了一些收缩与展开内容的效果,唯一差的就是一个缓冲效果.不多说,运行一下就知道了,呵呵.
最大高度还需要固定数值.没有很好的解决方案.有兴趣的朋友帮忙解决一下拉,谢谢.
这个代码其他部分不会再发出更新和完善之后的了.如果需要封装就自己做做吧,呵呵.

放出代码为分享学习之用.请尊重别人的作品勿作商业用途!!!!!
复制代码代码如下:

关闭

这

里

是

第

二

很

正

常

▲

关闭

这

里

是

第

一

很

正

常

▲

两个都关闭的状态

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
一个打开一个关闭的状态
<html> <head> <style> body,div,table { font-size:12px;} #control{ width:200; background-color:#ccc; font-size:12px; font-color:#333333; text-align:center; } #control a { font-weight:900; line-height:30px; color:#333333; } .test{ height:130;width:200;background-color:#ccc;overflow:hidden; } .STYLE1 { font-size: 8px; color: #FFFFFF; } </style> </head> <body> 关闭这里是第二 , 很正常 <span class="STYLE1">▲</span> 打开这里是第一 , 很正常 <span class="STYLE1">▲</span> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
美化下的
<html> <head> <style> body,div,table { font-size:12px;} #control{ width:200; background-color:#ccc; font-size:12px; font-color:#333333; text-align:center; } #control a { font-weight:900; line-height:30px; color:#333333; } .test{ height:130;width:200;background-color:#ccc;display:block;overflow:hidden; } .STYLE1 { font-size: 8px; color: #FFFFFF; } </style> </head> <body style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366); "><p style="text-align:center"> 闭月羞花变焦基本靠走，对焦基本靠扭，遮光基本靠手，虚化基本靠抖，测光基本靠瞅，防抖基本靠肘。 <span class="STYLE1">▲</span> 闭月羞花春天,我把老婆埋在地底下,秋天,我就有好多老婆...... <span class="STYLE1">▲</span> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：超级susymenu实现top菜单

下一篇：用new Image()预先加载图片真的有用吗？

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

带缓冲的收缩与展开内容效果

相关推荐

文章分类

热门关键词

热门文章

最新更新

带缓冲的 收缩与展开内容效果

相关推荐

文章分类

热门关键词

热门文章

最新更新

带缓冲的收缩与展开内容效果