相关搜索 >> tab

  • 062727个 底部 tab bar 动画设计灵感阅读(12897)条2019/6/27 16:18:05

    Colored Tab Bar Interactions by tubikTab Bar Animation nr.2 by Lukáš Straňák | codepen DEMO Google Bottom Bar Navigation Pattern by Aurélien Salomon | codepen DEMOTab bar interaction with animated icons by Ketan | GithubCreate New Document Tab Bar by Hoang Nguyen | 相似的例子codepenWeChat Tab Bar Redesign by&nb...阅读全文

    Taget:tab bar 设计 动画 

  • 0724nestedSortable.js jq插件 判断菜单是否拖动到所移动的位置 源代码下载阅读(9352)条2017/7/24 11:22:02

    一、概述:最近在做自定义模块这类的功能,导航菜单需要自定义,也就是二级与一级菜单可以相互拖动。为什么说nestedSortable.js使用起来方便,因为他这个比其它的插件更要人性化,而不是一味的为拖动而已,而且保留有拖动后的菜单只是隐藏,再配合另外一个很好的API函数:isAllowed: function (placeholder, placeholderParent, currentItem) ,判断是否允许移动,return false则取消拖动显示隐藏的拖动菜单,return true则执行拖动隐藏的拖动菜...阅读全文

    Taget:jq 菜单 拖动 插件 

  • 1112jquery左右滚动的tab选项卡效果(附源代码下载)阅读(11481)条2016/11/12 10:36:51

    一、概述:以前写过一篇tab选项卡效果[前端设计js+Tab切换可关闭+添加并自动判断是否已打开自动切换当前状态],现在看来这种功能是可以但是不适合太多的菜单。所以今天就为了故意补上这一篇之《jquery左右滚动的tab选项卡效果》页面底部附下载地址,当然如果你使用esayui也可以实现那种效果,但是感觉太庞大了,整个框架使用很不方便。 效果图下图所未:demo 地址:http://www.86y.org/demo/tab_scroll/二、使用说明:1、调用tab窗口方法clas...阅读全文

    Taget:tab 选项卡 滚动 下载 

  • 1102table表格标题栏置顶特效阅读(8901)条2016/11/2 15:01:32

    一、概述:最近在修改后台效果,大家知道后台使用table的概率很高,数据列表展示都是用它。但是在使用的过程中table第一行标题栏老是会随着滚动条而移动有时候看哪列的数据还要移上去才能看到是哪行。那么就需要第一行的标题置顶了,此效果能够完善的解决这个问题。当然有些控件已经做到了这些效果。但是比较麻烦使用起来很不方便,所以自己动手做了一个。使用也比较方便。效果如下:二、大概思路是:1、首先利用一个DIV模拟滚动条(给容器设置的高度...阅读全文

    Taget:js table 置顶 

  • 0328关于tab点击事件的优化阅读(6025)条2016/3/28 13:27:20

    一、前言2010年写过一篇《js多个tab切换简单不需要在body内添加事件》的文章,近些年来从事前端事业以来,对于js的优化也是越来越关注,所以做了一些对tab事件的理解及优化,望大家吻喷。效果图如下:二、tab实现的思路1、首页是tab菜单及tab内容的理解是一一对应关系,而且位置是顺序是固定的也就是说当前第几个tab菜单对应的是第几个tab内容,这样是为了省略很多参数及不必要的HTML代码;2、js控制tab菜单:对于tab菜单而言,只需要控制点击后的菜...阅读全文

    Taget:特效 js 优化 

  • 1227用css模拟表格对角线阅读(6001)条2013/12/27 13:39:09

    首先声明:这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之。。。有时在插入文档时,要用到表格对角线,常见的作法是用图片的方式来处理,还有就是用vml来画对角线,能不能用html+css方式来实现呢?答案是肯定的,下面我们来摸拟一个表格对角线。原理:用边框线来摸拟斜线,我们知道,如果将一个DIV的边框线设置得足够宽并定义了不同的颜色时,其相邻的...阅读全文

    Taget:css table 对角线 

  • 1212css3制作163邮箱tab特效阅读(6753)条2013/12/12 15:11:17

    今天看到163邮箱的导航菜单tab效果不错就用CSS3来做了一下类似的效果。当作css+div学习了效果如下图:完整源代码如下:<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <title>163邮箱tab</title> <style type="text/css"> *{ margin: 0px; padding: 0px; } .dvTab { ...阅读全文

    Taget:css3 tab 特效 

  • 0406漂亮的css table样式阅读(15414)条2013/4/6 15:13:56

    工作中发邮件通知人员样式总是一个麻烦事,工作的严肃性不能让邮件样式太花哨,但是又不能太简陋, 所以找了下面的table样式和大家分享。效果如下图所示:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"utf-8" /> <title>漂亮CSS Tables-幸凡学习网</title> </head> <style type="text/css"> body { font: normal ...阅读全文

    Taget:css table 

  • 0720js+table分页标题头不变阅读(11779)条2012/7/20 15:25:24

    下面是一段js+table分页,主要思路是把每个tr做为一个元素,前提是表格已经生成。一起加起来放在一个数组里面。每页显示5条数据,然后判断在哪个页面。从数组显示出当前页面的数据。效果图下如所示:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" ...阅读全文

    Taget:js分页 特效 

  • 0718前端设计js+Tab切换可关闭+添加并自动判断是否已打开自动切换当前状态阅读(28379)条2011/7/18 8:58:46

    看了很多别人写的tab切换效果感觉都只是div+js去切换已存在的!有的是添加或删除tab的但是太麻烦了还要改js文件你说是不是很不方便呢,我这个直接修改页面里面的参数就可以了!所以我自己就写了这个功能!谢谢,如果转载请注明出处(http://www.86y.org)幸凡在线学习网 你自己可以添加菜单但是要注意的是CreateDiv(tabid,url,name) 第一个tabid不能重复,想添加多少个都行。但是太多了不知道会成什么样你自己看!效果图如下:<!DOCTY...阅读全文

    Taget:tab js 切换 

  • 0228js多Tab自动切换,带完善的鼠标事件阅读(10355)条2011/2/28 15:25:45

    js多Tab自动切换,带完善的鼠标事件,幸凡制作!说明:打开鼠标时间后,鼠标经过标题时显示相应内容,鼠标经过标题或经过内容时停止自动切换,当鼠标移开时继续自动切换。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>js多Tab自动切换,带完善的鼠标事件,幸凡制作http:...阅读全文

    Taget:js 多tab 鼠标事件 自动切换 

  • 1217js多个tab切换简单不需要在body内添加事件阅读(9250)条2010/12/17 8:47:32

    不多说了贴代码了!注意的是a的里面的rel属性window.onload事件!在一个页面可以添加多个这样的效果,只需要在 onload事件添加就可以了。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style>*{margin:0;padding:0;}.clearfix:after {content:".";display:block;height:0;clear:both;visibility:h...阅读全文

    Taget:js tab切换 代码运行 

当前第  1  页 / 共  1  页  总共12条记录  

1