mr.Xiong使用jQuery实现电影排行榜的效果

本文介绍了如何使用jQuery创建电影排行榜的交互效果。通过布局设计,使用h2标签为排行榜创建标题,ul>li结构展示电影内容。利用jQuery的$(document).ready()或简写形式实现页面加载事件,通过遍历li元素,结合mousemove和mouseout事件,动态改变.display样式,实现内容的显示和隐藏。最终达到鼠标移入显示隐藏内容,移出隐藏的效果。
摘要由CSDN通过智能技术生成

使用jQuery实现电影排行榜的效果

                                                                                

 

首先我们就要来给电影排行榜布局,先用一个大的盒子来装里面带的内容,再用h2标签包含电影排行榜作为标题,最后再用ul>li(无序列表)标签来装需要显示的图片和文字内容,布局完之后再给其设置样式,让我们需要隐藏的图片或者内容先隐藏,可以用display:none;将其隐藏用一个on的类来装着,

拓展:display属性里还有许多我们经常会用得到的值;比如:

block(此元素将显示为块级元素,此元素前后会带有换行符);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值