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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

搜索
查看: 1545|回复: 9

[技术相关] JS问题求助

[复制链接]
发表于 2013-7-16 14:51:39 | 显示全部楼层 |阅读模式
发在前端专栏没有人理,来水区试一试,高手们快现身指点一下啊。初学JS,抱着书试了几种方法,一旦CLICK换成MOUSEOVER就成了悲剧,为什么地直呈眨眼睛状态?

想达到效果:

鼠标放在id="panel"的大DIV上时,CLASS为content的DIV显示,鼠标移开时,CLASS为content的DIV隐藏

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

发表于 2013-7-16 15:13:49 | 显示全部楼层
不知道你想干嘛,panel和content的div在哪
回复 支持 反对

使用道具 举报

 楼主| 发表于 2013-7-16 15:51:30 | 显示全部楼层
daddy 发表于 2013-7-16 15:13
不知道你想干嘛,panel和content的div在哪

不好意思,复制错了!
应为:鼠标放在class="speech"的大DIV上时,p显示,鼠标移开时,p隐藏
回复 支持 反对

使用道具 举报

发表于 2013-7-16 16:09:41 | 显示全部楼层
本帖最后由 daddy 于 2013-7-16 16:11 编辑
slmily 发表于 2013-7-16 15:51
不好意思,复制错了!
应为:鼠标放在class="speech"的大DIV上时,p显示,鼠标移开时,p隐藏


你知道为什么会这样?
这是CSS的知识啊,不知道你要做什么功能。当你mousehover的时候,p就隐藏,这时speech就是个空的div,就没有了高度。所以会塌下去,移开的时候显示,所以又撑开了。
回复 支持 反对

使用道具 举报

发表于 2013-7-16 16:32:50 | 显示全部楼层

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

回复 支持 反对

使用道具 举报

 楼主| 发表于 2013-7-16 16:43:22 | 显示全部楼层
daddy 发表于 2013-7-16 16:09
你知道为什么会这样?
这是CSS的知识啊,不知道你要做什么功能。当你mousehover的时候,p就隐藏,这时 ...

里面还有A呐
回复 支持 反对

使用道具 举报

 楼主| 发表于 2013-7-16 16:52:28 | 显示全部楼层
zhu104210362 发表于 2013-7-16 16:32
[html]

这样就可以了!

另问:动画从上往下,如果是从左往右如何做?
回复 支持 反对

使用道具 举报

发表于 2013-7-16 18:01:02 | 显示全部楼层
从上往下可以用slideUp()和slideDown()。
从左往右可以使用animate()动画,p元素绝对定位,改变left或者right的值;或者改变p元素的宽度,从0渐变到100%。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2013-7-17 09:21:34 | 显示全部楼层
baihe107 发表于 2013-7-16 18:01
从上往下可以用slideUp()和slideDown()。
从左往右可以使用animate()动画,p元素绝对定位,改变left或者ri ...

试了一下animate()动画,貌似P内容是隐藏了,但SPEECH的DIV所占的位置还在。
回复 支持 反对

使用道具 举报

发表于 2013-7-17 18:01:26 | 显示全部楼层
那你应该把p元素单独放在一个div里面,隐藏的时候就隐藏这个div
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-10-21 19:12 , Processed in 0.093514 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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