功能实现思路

模拟弹框
模拟滚动条
banner的插件

模拟弹框

就是按照三种confirm、alert、prompt弹框 模拟窗口,实现类似的效果,把具体的可变的实现封装起来,具体的可以看阿当的视频,讲的很好。

模拟滚动条

定义2个div

外层是上下滚动的长条,中间是用户拖动的,然后监听鼠标事件和滚动事件分别是(mousewheel,兼容火狐DOMMouseScroll),然后移动时改变div(top)或者改变浏览器scrollTop值 实现滚动的效果

banner的插件

具体滚动可以参照Jquery的animate方法,我们要实现的是无缝滚动,很多banner到达最后一张的适合往往会页面翻转到第一张,这很不科学,我们只需要复制节点将
比如

<ul><li>第一张</li><li>第二张</li><li>第三张</li></ul>

我们将第三个节点插到第一个节点前面将第一个节点插入到第三个节点后面,具体顺序自己考虑实现后的效果

<ul>
    <li>第三张</li>
    <li>第一张</li>
    <li>第二张</li>
    <li>第三张</li>
    <li>第一张</li>

</ul>

在到达第三张的时候,向后翻到第四张然后animate事件回调将UL的位置放到第一张的位置

时间: 2024-10-25 12:53:44

功能实现思路的相关文章

写代码的思路之写一个功能的思路

如果让你实现一个功能,你要完成这个功能的一般思路是什么? 我是一位初学者,希望和大家共享下我在书写代码时的思路,希望对大家有帮助. 以下是我实现一个简单‘日历“这一功能的思路: 当我决定要做一个日历的时候,我会先制作一个”日历“模型,即要实现的”日历“的模型(样子),我用控件制作的: 之后我会按照”日历“模型上面的控件从上到下,从左到右依次声明,但先不实现: 之后一个控件一个控件实现,在设计控件的属性的时候是严格按照之前”日历“模型的属性,这会提高效率: 一个控件实现了之后要做一次测试,保证该控

用java实现一个简单的单用户登陆功能的思路

引用 所谓"单用户单账户登录"是指:在同一系统中,一个用户名不能在两个地方同时登录. 我们参照 QQ 实现效果:当某账号在 A 处登录后,在未退出的情况下,如果再到 B 处登录,那么,系统会挤下 A 处登录的账号. 要实现这样一个功能,如果我们项目使用了springmvc我们可以使用拦截器来替代过滤器,否则我们使用过滤器也可以实现,我们需要一个这样的东西来进行拦截用户的请求.我们的user表里也需要添加一个token字段,用于存放当前登录者的一个唯一标识. 大致的思路是这样的: 用户A

iwebshop框架中后台筛选功能的思路整理

本人在实际开发中,根据产品经理需求,在iwebshop框架原有的后台订单筛选功能里增加商户名称模糊筛选! 开发思路:首先要明白筛选的数据在数据库中的位置,对要筛选的字段进行模糊查询! 开发主要注意:因为iwebshop后台订单筛选功能是写在封装好的一个类下面 order/order_class.php里面,所以sql查询后的遍历和sql本身的条件,一定要注意书写正确! 实际开发书写代码思路讲解: if(isset($search['name']) && isset($search['key

点击更多button显示更多数据的功能实现思路代码

1 2 3 4 此功能是根据自己思路去慢慢做出来的,做的不够专业,希望有懂这个的前辈给自己指点指点. 5 6 //分界线———————————————————————————————————————————————————————————————— 7 var pageIndex = 0; //页面索引初始值 8 var pageSize = 4; //每页显示条数初始化,修改显示条数,修改这里即可 9 var pageCount; //总数据量 10 var page1; //页数 11 va

我是如何用一个半星期解决了别人可能需要三四个月而且维护成本巨大的功能(解决思路与方法)

端午节临近,也总算稍微闲了那么一点,有时间写上一段博文(装逼)了,嘿嘿 话说四个星期以前,无意中看到老板愁眉苦脸的,并且与技术总监和另一个资深开发的老哥在激烈辩驳着什么,因为好奇心理,就凑上去听了一下.原来是因为老板想做一个报表模块,而且数量不限定,不过暂时需要短时间内做出45张报表,但因为这45张报表的参数,数据表,,数据的计算方式,甚至连格式还有数据的数量都不一致,还有后面因为权限的原因需要一张张表单独授权,导致这些表需要一张张来做.下面给大家看下其中几个类型 差不多就是这样子.然后上交大毕

Vue的全选功能实现思路

全选功能的实现主要分两步: 1. 点击全选框选中所有选择框. 2. 当所有选择框都被选中时,勾选全选框. 详细思路: 1. 点击全选框选中所有选择框: 给全选框绑定一个值,然后添加change时间,当全选框的值改变时给所有选择框的值赋与全选框的值. 2. 当所有选择框都被选中时,选中全选框: 给所有选择框都添加change事件,当某个选择框的值改变时,检查所有选择框的状态:只要有一个选择框没被选中,则把全选框的值设为false,否则设为true. 注意:两步的关键区别在于,一个是通过事件改变,一

米菲云仓模式功能开发思路

米菲系统开发[张玲⒈⒌⒍微⒉⒉⒎⒏电⒈⒌⒉⒏],米菲软件开发,米菲模式开发,米菲平台开发,米菲微商系统开发,米菲微商软件开发,米菲模式系统开发 当创业者经历千辛万苦,终于盼望出了自己的产品,真兴奋不已,可是一旦拿到用户或者创业者面前,却甚至引不起对方的兴趣.为什么会有这样的反差?许多技术出身的创业者,在技术与功能点上着力很多,为第三方技术开发的准备也不错,但用户并不买账,原因在于没有面向用户.在市场上,更多人会选择包装成熟的产品,只有极少数发烧友喜欢且能够"DIY"(do it you

iview标签页功能的思路

通过iview官网的  Tag 标签+ 导航菜单 实现 点击标签缓存保存当前页面的路由 再点击时浏览器获取url并执行url 如果需要缓存页面的话用keepAlive 原文地址:https://www.cnblogs.com/wssdx/p/11162101.html

Atitit。D&amp;D drag&amp;drop拖拽功能c#.net java swing的对比与实现总结

Atitit.D&D drag&drop拖拽功能c#.net java swing的对比与实现总结 1. 实现一个D&D操作一般包括三个步骤: 1 2. .net黑头的拖曳机制.必须有DragEnter事件(单独写DragDrop事件是不会具有拖拽功能的) 2 3. ---java黑头的拖曳..必须有DragEnter事件(单独写 Drop事件是不会具有拖拽功能的) 2 4. 代码 3 5. 参考 5 1. 实现一个D&D操作一般包括三个步骤: 首先实现一个拖拽源,这个拖拽