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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

搜索
查看: 1750|回复: 8

[求助] 请问一下,这个百度的 选框效果 是怎么实现的??

[复制链接]
发表于 2014-6-26 08:47:29 | 显示全部楼层 |阅读模式
请问一下,这个百度的 选框效果 是怎么实现的??啊

网址是这个:http://top.baidu.com/population
效果如下图:

百度的框子效果

百度的框子效果

本帖被以下淘专辑推荐:

发表于 2014-6-27 14:29:20 | 显示全部楼层
本帖最后由 pxh0829 于 2014-6-27 15:13 编辑

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

回复 支持 3 反对 0

使用道具 举报

发表于 2014-6-26 11:40:04 | 显示全部楼层
这个简单,红色的框 根据 index 移动到相应位置
回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-27 10:30:32 | 显示全部楼层
那个框框他还会游动的啊..
回复 支持 反对

使用道具 举报

发表于 2014-6-27 10:50:49 | 显示全部楼层
那就是根据你现在的位置那个框框跟着移动喽,
回复 支持 反对

使用道具 举报

发表于 2014-6-27 15:06:31 | 显示全部楼层

赞 ,跟我们这等懒人相比 ,真是应该给32个赞。
var t = parseInt(_li.index() / 10) * 10 * _li.height();
这个的技巧还是很有含量的,同赞百度的创意
回复 支持 反对

使用道具 举报

发表于 2014-6-27 16:51:16 | 显示全部楼层
indexOf分别找到位置。3列都是10个1页的,比如17红框移到第7个位置。页移到第2页。就能定位17号了。

效果看着花的一般实际做起来特别简单~~~~
回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-3 17:15:18 | 显示全部楼层
效果确定不错,开始没注意看的时候还以为是flash
回复 支持 反对

使用道具 举报

发表于 2014-7-3 17:30:24 | 显示全部楼层
这效果不错啊,下载了!
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-7-4 03:41 , Processed in 0.110073 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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