• 全部
  • 问答

修改程序,使之有渐变动态效果:)

一品梅 恐龙园 实施  2008-03-12 03:57:25
<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.01   Transitional//EN">   
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body>
<table width="600" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr>
<td onclick="mydiv2.style.display=''"><a href="#">主题二:</a>
</td>
</tr>
</table>
<div id=mydiv2 style="display:none">
<table width="600" border=1 cellpadding=0 cellspacing=0 bordercolor=#cccccc>
<tr>
<td><p> </p>
welcome to my home
<form name="form2" method="post" action="#">
编号:
<input name="textfield" type="text" size="15">
日期:
<input name="textfield2" type="text" size="15">
性别:
<select name="select">
<option selected>男</option>
<option>女</option>
</select>
<input type="button" name="Button" value="提交" onClick="form2.submit()">
</form>
<p align=right>
<input type=button name=closeme2 value=close onClick="mydiv2.style.visibility='hidden'">
</p>
<p> </p></td>
</tr>
</table>
</div>


<table width="600" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr>
<td onclick="mydiv.style.visibility='visible'"><a href="#">主题一:</a> </td>
</tr>
</table>
<div id=mydiv style="display:none">
<table width="600" border=1 cellpadding=0 cellspacing=0 bordercolor=#cccccc>
<tr>
<td><p> </p>
welcome to my home
<form name="form1" method="post" action="#">
编号:
<input name="textfield" type="text" size="15">
日期:
<input name="textfield2" type="text" size="15">
性别:
<select name="select">
<option selected>男</option>
<option>女</option>
</select>
<input type="button" name="Button" value="提交" onClick="form1.submit()">
</form>
<p align=right>
<input type=button name=closeme2 value=close onClick="mydiv.style.visibility='hidden'">
</p>
<p> </p></td>
</tr>
</table>
</div>
</body>
</html>

感觉切换很僵硬,能做成像alibaba那样的,弹出隐藏层有渐变动态效果的么?
...全文
63 点赞 收藏 11
写回复
11 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
silence2k 2008-03-13
//显示内容框
function displayList(oid){
var h = 0;
var objid=getObject(oid);
if(isNaN(parseInt(maxh[oid]))) var max_h = 210; // 容器的最大高度
else
var max_h = maxh[oid];
var anim = function(){
h += 50; // 每次递增50像素

怕你不清楚

h += 50; // 每次递增50像素
h -= 50; // 每次递减50像素

分别是表示 打开和关闭速度的
回复
silence2k 2008-03-13
有的 只是设置问题

你打开 function.js

找到
// 隐藏列表框
function hiddenList(objid){
var h = objid.offsetHeight;
var anim = function(){
h -= 50; // 每次递减50像素
if(h <= 5){
objid.style.display="none";

递减 50 变小点就可以了

呵呵 不要全拿现成的 要学会分析
虽然我也很懒 但还是要多想想
回复
一品梅 2008-03-13
这个和我做的一样嘛,没有时间缓冲...
回复
silence2k 2008-03-13
回复
silence2k 2008-03-13
silence2k 2008-03-13
哦 楼上 发的快 刚才还没看到留言
阿里 就是学yahoo的 呵呵 雅虎子公司
回复
silence2k 2008-03-13
可以 参考 yahoo 右上的 滑动门效果
我找看看 有没有代码
回复
一品梅 2008-03-13
显示隐藏层时,切换速度变缓.慢慢地拉出,慢慢地缩回.就像抽屉一样,开/关速度都放缓,不是瞬间.这样表现才不僵硬.就像阿里巴巴的那种.
参考特效:http://www.alibaba.com/右侧的注册登录块的六个按钮.
回复
xiaojing7 2008-03-13
?
回复
一品梅 2008-03-13
ls的说话不腰痛,这是滤镜的事么?滤镜我还是学过的,是改变图像或文字效果的.
ls的该好好学学基础吧,别整天老css好好学学,好好学学的,你学的又怎么样呢?
给ls的说吧,这是用css实现的么?我倒觉得用javascript实现吧.

--->可笑~
回复
轩辕悠悠 2008-03-13
CSS好好学一下吧,转换滤镜里的东西,想怎么变就怎么变.
回复
相关推荐
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2008-03-12 03:57
社区公告
暂无公告