码迷,mamicode.com
首页 >  
搜索关键字:切换效果    ( 469个结果
[前端] html+css+javascript 实现选项卡切换效果
用html+css+js实现选项卡切换效果使用之前学过的综合知识,实现一个新闻门户网站上的常见选项卡效果: 文字素材:房产: 275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安家东三环 北京首现零首付楼盘 53万购东5环50平 京楼盘直降5000 中信府 公园楼王现房家居: ...
分类:编程语言   时间:2018-11-03 21:09:37    阅读次数:241
jQuery实现tab栏切换效果
jQuery实现tab栏切换效果: 用jQuery做tab的效果就是点击或者鼠标悬浮在tab上时显示对应的内容,并且tab栏也会发生相应的样式变化。jQuery我用的是jquery-1.11.1.js版本。 下面的代码是简单的实现: HTML代码 css代码 最终效果(默认tab:加菲猫) 点击柯基 ...
分类:Web程序   时间:2018-10-16 17:49:31    阅读次数:237
swiper动画
引入swiper.animate.css/swiper.animate.js(前提先引入swiper.css/swiper.js)在需要运动的元素上面增加类名aniswiper-animate-effect 切换效果 swiper-animate-duration 可选,动画持续时间swiper-a ...
分类:其他好文   时间:2018-09-18 00:35:37    阅读次数:865
iOS 自定义滑动切换TabbarItem 觉得设计丑也要做出来的UI效果。。。
UI丑却要继续做的感言: 对UI不满意的时候,就会觉得丑爆了,时间长了,却丑习惯了。 论前一阵子Tabbar 多丑,丑得最后不要tabbar了...但是自定义tabbar 和遇到的问题解决的过程可以记录一下 目标效果: 并有切换效果,但是并没说清楚,具体切换效果,比如粘滞,弹性? 于是我做了一个弹性 ...
分类:移动开发   时间:2018-09-05 00:41:57    阅读次数:304
bootstrap 标签切换
效果图 ...
分类:其他好文   时间:2018-09-04 13:46:47    阅读次数:143
单页面使用多个编辑器
1.单独写一个生成编辑器的 a.html, 2.通过iframe标签引入b.html页面。 3.使用按钮添加或删除iframe,并且动态给每一个iframe添加id和name。 4.切如果iframe所在的标签是隐藏的话,是不会显示的,所以想要做成切换效果就使用opcity:0;透明度,加定位方法。 ...
分类:其他好文   时间:2018-08-31 19:35:59    阅读次数:170
JavaScript之图片操作2
在前一次,我们实现最简单的图片切换效果,这一次,依旧还是图片切换,具体效果如下: 通过点击下面的小图,上面的大图和标题随之切换。因此,我们需要三个容器分别放标题,大图和小图。 <!--大图描述--> <p id="des">蒲公英</p> <!--大图展示--> <img id="big_img" ...
分类:编程语言   时间:2018-08-26 13:50:28    阅读次数:141
JavaScript tab切换效果
common.js ...
分类:编程语言   时间:2018-08-22 01:17:23    阅读次数:194
section,div,artical的区别
section:看起来像是有语义版的<div>,但实际的使用是用在一个专题性的版块,且通常带有一个标题。适合用于章节、标签切换效果的每一个tab容器或论文中有编号的地方,也可以用于网站主页中划分简介、新闻、联系信息等板块 artical是一个特殊的section标签,比section具有更明确的语义 ...
分类:其他好文   时间:2018-08-12 22:21:56    阅读次数:245
使用jQuery快速高效制作网页交互特效——07 第七章 jQuery中的事件与动画
1、 jQuery中的事件: ●和WinForm一样,在网页中的交互也是需要事件来实现的,例如tab切换效果,可以通过鼠标单击事件来实现 ●jQuery事件是对JavaScript事件的封装,常用事件分类 ●基础事件 鼠标事件 键盘事件 window事件 表单事件 ●复合事件 鼠标光标悬停 鼠标连续 ...
分类:Web程序   时间:2018-08-07 12:51:07    阅读次数:272
469条   上一页 1 ... 3 4 5 6 7 ... 47 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!