选项卡 | 易学教程

jQuery滑动tab选项卡

阅读更多关于 jQuery滑动tab选项卡

先上最终效果: 需求分析: 1.选项卡菜单数量不固定，菜单内容不固定，导致了单个菜单和整体的宽度都是未知的， 2.第一个需求导致滑块宽度也是不固定的 3.为了让交互效果更好，滑块需要添加过度动画对滑块的需求导致滑块和菜单的html结构必须分离，并使用了jQuery的offset方法获取并设置位置，所有的div都使用了相对定位。本案例的TAB选项卡可以比较方便的拓展、重复使用，只需修改少量值就可以直接食用 <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < title > 0908 </ title > < script src = "http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js" > </ script > < style > /*container容器只是为了水平居中，如不需要可以去掉这层嵌套*/ .container { left : 50 % ; margin-top : 100 px ; float : left ; cursor : pointer ; position : relative ; } .BG { right : 50 % ; font-size : 0 ; background-color :

端口关闭工具哪个最好用？

阅读更多关于端口关闭工具哪个最好用？

很多小伙伴不能封端口,因此推荐大家一个iis7服务器监控工具中科院修改端口的功能！简单易用关闭端口软件可以自定义封杀端口的实用程序。使用简单，方便。功能强大。您可以自行封堵一些***病毒的高危端口。这款端口关闭工具从源头上找出所有的端口是被什么程序、服务打开的，和关闭被打开的端口。关闭端口和封端口其实是一个意思，其实windows防火墙也有端口管理功能，但是设置起来很麻烦，不如这款软件好用。封端口软件使用提示：希望注册?请先运行压缩包中的注册表文件，导入注册表后再打开软件哦！！用windows自带的安全策略关闭危险端口教程：除了使用关闭端口封端口软件来操作，还可以使用windows自带的安全策略关闭端口，使用起来并不是很麻烦，熟悉了很方便。 1、在开始菜单选择运行，输入gpedit.msc后回车，打开本地组策略编辑器。依次展开计算机配置---windows设置---安全设置---ip安全策略，在本地计算机 windows自带安全策略关闭危险端口教程 windows自带安全策略关闭危险端口教程 2、以关闭135端口为例(其他端口操作相同)：在本地组策略编辑器右边空白处右键点击鼠标，选择创建IP安全策略，弹出IP安全策略向导对话框，单击下一步;在出现的对话框中的名称处写关闭端口(可所有填写)，点击下一步;对话框中的激活默认响应规则选项不要选择，而后单击下一步

swiper选项卡还可以左右滑动，最后一个直接跳转链接

阅读更多关于 swiper选项卡还可以左右滑动，最后一个直接跳转链接

整理分享： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Swiper demo</title> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/css/swiper.min.css"> <style> *{margin:0;padding:0} body,html{ max-width: 640px; margin: 0 auto; background-color: #ebebeb;} a{ text-decoration: none; color: #333 } li{list-style:none} .swiper_tab{ overflow: hidden; font-size: 18px; font-weight: 700; background-color: #fff; height: 40px; line-height: 40px; overflow:

三层交换机实验

阅读更多关于三层交换机实验

一、实验环境；GNS3-1.3.10 二、实验目的：通过三层交换实现不同VLAN的互联互通。三、实验步骤： 1、打开GNS3，拖两个路由器到工作区。 2、再拖两台VPC到工作区。 3、右击路由器图标打开选项卡，将名称分别改为SW1和SW2。 4、将SW1设定128MiB的内存。 5、给SW1添加二层业务单板。 6、给SW2设定内存为128MiB。 7、将SW1的图标换成交换机图标。 8、将SW2图标换成三层交换机图标。 9、使用网线将善有善报连接在一起。 10、规划PC机IP地址、vlan范围以及vlan的网关。 11、点击开启所有设备。 12、在SW1的选项卡里输入conf（空格）t进全局模式，然后输入no（空格）ip（空格）routing关闭路由功能。 13、输入vlan（空格）10,20创建两个vlan。 14、输入int（空格）f1/1进入端口模式，输入sw（空格）mo（空格）acc进入接入链路，再输入sw（空格）acc（空格）vlan（空格）10将1/1端口划入vlan10。 15、同上述一样将1/2打开划入vlan20，然后查看vlan信息。 16、进入1/0端口模式，输入sw（空格）mo（空格）t将1/0端口的链路设定为trunk链路，再输入sw（空格）t（空格）en（空格）dot绑定8.2.1qVLAN标识。 17、查看一下1/0

VLAN划分实验

阅读更多关于 VLAN划分实验

一、实验环境：GNS3-1.3.10 二、实验步骤： 1、打开GNS3 ，拖动路由器到工作区。 2、右击路由器图标打开选项卡。 3、将路由器改名为SW，并将图标换成交换机的图标。 4、将交换机配设置成128MIB内存。 5、给交换机添加二层业务单板。 6、拖动三台VPC到工作区。 7、选择网线将潘长江和交换机连接在一起。 8、规划VLAN范围以及PC机的IP地址。 9、点击开启所有设备。 10、双击打开所有设备的选项卡。 11、在交换机的选项卡里输入conf（空格）t进入全局模式，再输入no（空格）ip（空格）routing关闭路由功能。 12、配置三台PC机的IP地址。 13、用PC1ping另外两台PC机，能够互联互通。 14、在交换机选项卡里输入end回到特权模式，输入vlan（空格）10（空格）name（空格）caiwu来建立一个vlan并命名该vlan。 15、输入exit回到特权模式，在输入show（空格）vlan-sw（空格）b查看vlan信息。 16、输入conf（空格）t进入全局模式，输入vlan（空格）20,30添加两个vlan。 17、回到全局模式下输入vlan（空格）20，在输入name（空格）renshi以重命名vlan20。 18、回到全局模式下查看是否修改成功。 19、将f1/0打开划入vlan 10。 20、查看f1/0是否划入vlan10。 21

通过Trunk链路实现跨VLAN的通信

阅读更多关于通过Trunk链路实现跨VLAN的通信

实验环境：GNS3-1.3.10 Wireshark-win64-1.12.4 实验目的：通过Trunk链路实现跨VLAN的通信。 1、打开GNS3，拖两台路由器进入工作区。 2、有机图标打开选项卡去重命名以及更换设备图标。 3、将设备图标换为交换机图标，将R1名称换为SW1，R2名称换为SW2。 4、右击选择进入配置选项。 5、在设置里先设定磁盘空间。 6、继续设定业务单板的类型。 7、拖动四台主机进图工作区。 8、使用网线连接PC机与交换机。 9、连接好后的到如图的拓扑结构。 10、点击地请见开启所有设备。 11、规划一下各PC机的VLAN范围以及IP地址。 12、双击交换机SW1与SW2的图标打开选项卡。 13、先在SW1的选项卡里输入conf（空格）t进入全局模式，然后输入no（空格）ip（空格）routing（回车）关闭路由功能。 14、输入vlan（空格）10,20（回车）创建vlan，然后输入exit（回车）回到全局模式，再输入do（空格）show（空格）vlan-switch（空格）brief（回车）来查看xlan信息。 15、输入int（空格）f1/0（回车）进入打开模式，然后输入switch（空格）mode（空格）access（回车）进入接入链路，在输入switch（空格）access（空格）vlan（空格）10（回车）将链路设定为vlan10。 16

选项卡切换效果，点击切换图片

阅读更多关于选项卡切换效果，点击切换图片

今天分享一篇前端开发实战当中经常使用到的选项卡切换效果的文章，希望对您有所帮助，欢迎留言探讨。 1、html结构布局： < div id = "box" > < div class = "img" > < ul > < li class = "active" > < img src = "img/1.jpg" / > < / li > < li > < img src = "img/2.jpg" / > < / li > < li > < img src = "img/3.jpg" / > < / li > < li > < img src = "img/4.jpg" / > < / li > < / ul > < p > < span id = "index" > 1 < / span > / 4 < / p > < / div > < div class = "btn" > < ul > < li class = "active" > 1 < / li > < li > 2 < / li > < li > 3 < / li > < li > 4 < / li > < / ul > < / div > < / div > 2、css布局样式： < style > * { margin : 0 ; padding : 0 ; font - family : "Microsoft

使用Eclipse和WindowBuilder Editor插件进行Java可视化编程

阅读更多关于使用Eclipse和WindowBuilder Editor插件进行Java可视化编程

使用 Eclipse 和 WindowBuilder Editor 插件进行 Java 可视化编程 Eclipse 是一种免费的可扩展的开放源代码的集成开发环境（IDE）。这需要下载Eclipse IDE for Java Developers ，官网下载地址 https://www.eclipse.org/downloads/packages/release 可到网上搜索下载。根据操作系统的位数（bit）32位或 64位选择相应位数（bit）的版本下载。 Eclipse属于绿色软件，安装程序不会往注册表写入信息。Eclipse安装程序是一个压缩包，在解压缩后的文件夹中找到eclipse.exe，双击它就可以启动运行eclipse。当然你可以创建桌面快捷方式图标，以后用此桌面快捷方式图标启动运行eclipse。下面先用 eclipse 设计一个简单的 GUI （ Graphical User Interface ）程序 Java提供了三个主要包做GUI开发： java.awt 包，主要提供字体/布局管理器 javax.swing 包，主要提供各种组件(窗口/按钮/文本框) java.awt.event 包，事件处理，后台功能的实现。界面主要包括：组件/控件，就是界面中的各种组成部分，比如：按钮、文本框、标签、表格… 容器，容器也是组件的一种，能容纳其它组件，比如

订阅选项卡