首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端|不用JS就能实现的选项卡

    1.选项卡介绍 在平时浏览网页时,大家经常会使用选项卡来切换页面,在设计网页的过程中,也常用选项卡来整合内容,美化页面效果。...简而言之,选项卡就是设置选项的模块,每个选项卡代表一个活动的区域,点击不同的区域,即可展示不同的内容。...2.思路 平常的选项卡制作时,总要引入JavaScript才能实现切换效果,本次选项卡的制作主要是通过CSS来实现的。 用div来页面布局,实现矩形效果,完成导航栏和选项卡页面效果。...用a标签来对选项卡的导航栏和内容界面进行设置。 使用:nth-child(n)和class方法来对页面进行切换。 3.过程 (1)首先创建一个div盒子模型,用作导航栏模块。...font-weight:bold; } (3)创建一个div作为选项卡内容框架

    1.9K20

    js实现:输入密码才能打开网页js实现密码保护的网页

    js实现:输入密码才能打开网页,即js实现密码保护的网页。...(password()); 可能有人会疑虑,密码就在代码中,如果别人查看一下源码就知道密码了, 嗯哪,确实存在这个问题,虽然上面代码中做了些防护,如果密码输不对的话,就返回上一页,但只要在浏览器中关掉js...功能就可以打开网页查看js源码, 那么如何解决呢?...当然有办法,使用js密码加密混淆啊,出大招:Jshaman(http://www.jshaman.com/),可以在线加密js代码, 就把上面的代码,用jshaman加密一下,加密后代码如下: var...js实现密码保护的网页,就是这么简单。 PS:有网友问,上面的代码怎么用。哦,很初级的问题,这样:在html文件中,放在script标签里就可以了。

    5.7K30
    领券