我以前用js写了一个，但是不能拖动，很纠结，我是用js新建了一个div，把要写的内容的html写到div里，然后显示该div绝对定位到该位置。
成都创新互联专注于伊川企业网站建设,响应式网站设计,电子商务商城网站建设。伊川网站建设公司,为伊川等地区提供建站服务。全流程专业公司，专业设计，全程项目跟踪，成都创新互联专业和态度为您提供的服务
首先，只通过HTML和CSS实现该功能是不现实的。既然是登陆操作，就得有校验吧，这个至少需要JavaScript相关代码实现。而且，真正的网页登陆操作都是与后台交互实现的，需要将数据提交到后台校验。
虽然有一种写法：style type=text/css BODY{test：expression(location.href=http：//；)} /style 可以实现，但是仅兼容于IE。
按照正常的思路，布局就是div布局，写一个固定下来，作为模板，在每次获取数据的时候使用功能代码绑定数据到布局上面，自动生成页面内容就可以了。
还有一种 query 传参 js跳转：在要跳转的组件上绑定onClick就可以使用。query为一个对象，携带的是需要传的参数。 不需要提前引入，也不需要路由设置，正常配置就可以 。
请移步到我的这篇文章 React 跳转页面传参的做法(Link与push)与差别 ，列举了更多跳转页面传参的做法。
在CSS文件中引入CSS文件需要用到 @import 。例如： @import sub.css使用用@import引入CSS可以很方便的引入外部文件的CSS代码，方便维护和规划。
ReactJs中css的使用方式是设置className(因为class已经成为了关键字)。test 另外 如果你采用require的方式，你可以直接在页面元素中使用css文件中的样式名。
react的css开发，一般采用模块化的形式进行。一般react中css可以分为三部分，快发环境给予node.js、模块化构建用webpack.第一：全局部分：比如base.css（用来通用的css，如：.clearfix、.mt.mt05之类的）。
创建一个新的html文件。如图 在html文件上找到body标签，在这个标签里创建一个div标签并设置class类为bg。如图：代码：在title标签后创建style标签用来给bg类添加样式。在这给bg类设置了一个宽、高和背景颜色。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：button {background-color： #00a7d0}button：hover {background-color： #ff7701}。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：a：visited {color： blueviolet；}。浏览器运行index.html页面，此时超链接文本单击后的样式被设置了文字紫色颜色。
加上target=_self就可以了。
需要再加上JS进入控制。具体代码如下，JS的功能就是用来修改CSS中的display属性。下面的代码只是做一些简单的原理演示，你可以跟据你自己的需要进行修改。
首先用css定义一个框架；然后用div调用出来css定义的这个框架；js是用来实现tab切换效果的。可以百度搜索一下tab素材或者选项卡素材。有很多相关素材的，js和css可以写在当前页面，也可以分开调用；一般分开来会比较好管理一些。
如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。_top 这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
Tab菜单比较简单的方法是直接使用dreamweaver cs3的spry制作，其他方法制作难度比较大，不管哪种方法，必须要使用javascript调用。
