需要引入样式.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz
原创
2015-05-21 13:58:20
1075阅读
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>JS心型线</title><style> div{ position:absolute; } .xx-box{ left:50% op:50%; margin-left:-250px; margin-top:-250px; width:500px; he
原创
2023-02-09 11:09:55
44阅读
css+js无限级菜单 无需要修改css,菜单个数在js的(x css+js无限级菜单-w3css.com
转载
2008-10-14 13:13:00
111阅读
2评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "://.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="://.w3.org/1999/xhtml"> <head>
转载
2009-07-20 19:34:00
111阅读
2评论
平常会做一些有意思的小案例练手，通常都会发到codepen上，但是codepen不能写分析。
转载
2018-11-02 16:32:00
349阅读
2评论
转的.
[img]http://dl.iteye.com/upload/attachment/526631/b659f1cd-db37-3d1a-8a0b-83a7513f3108.png[/img]
<html>
<head>
<style>
.body{
background-color:white;
原创
2023-05-19 11:52:44
139阅读
昨天同事发给我一个图表问CSS可以实现不 ,后来看了看,感觉可以实现,不过最后只实现了初步的样子
图片如下:
css代码如下:
<style>li{float:left;}ul,li{margin:0;padding:0;}ul{list-style:none; position:relative; height:200px; width:50
原创
2009-06-18 11:11:36
894阅读
2评论
原文地址：http://www.cnblogs.com/yes123/p/3944047.html纯css+js下拉菜单实例代码分享一个css+js下拉菜单代码，js+css实现的简单下拉菜单，兼容性不错。例子：<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta
转载
精选
2014-08-29 06:04:01
508阅读
那么我们可以得到线的左边距是每一项的左边距加上一个值。这个值是每一项的宽度减去线的宽度的结果再除以二。使用css和js实现一个tab切换的效果。// 计算下划线位置。
原创
2023-10-03 08:50:28
2320阅读
分享一个css结合js制作下拉菜单代码。<%@page pageEncoding="utf-8"
contentType="text/html;charset=utf-8" %>
<HTML>
<HEAD>
<title>js下拉菜单_www.yuju100.com</titl
转载
精选
2014-09-05 06:10:33
507阅读
预览地址：[url]http://www.zcool.com.cn/preview/code/css/34/01/[/url] 预览地址：[url]http://www.zcool.com.cn/preview/code/css/34/02/[/url] 预览地址：[url]http://www.zcool.com.cn/preview/code/css/34/03/[/url] 预览地址：[ur
转载
精选
2008-11-10 11:07:30
650阅读
<!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 htt...
转载
2010-07-08 17:40:00
85阅读
2评论
(目录)
实现效果
使用css和js实现一个tab切换的效果
原理解析
如上图
红色框框代表盒子,总宽度记作 totalWidth
绿色框框代表每一项,宽度记作itemWidth
深蓝色框框代表的是下划线,宽度记作activeWitdh
那么我们可以得到线的左边距是每一项的左边距加上一个值
这个值是每一项的宽度减去线的宽度的结果再除以二
即
// index是当前点击的item索引，从0
原创
2023-09-17 09:53:43
1608阅读
目录ØJavaScript 31.HTML对象获取问题 32.const问题 33.event.x与event.y问题 34.window.location.href问题 35.frame问题 36.模态和非模态窗口问题 37.firefox与IE的父元素(parentElement)的区别 38.document.for
翻译
2022-02-28 10:03:19
221阅读
目录ØJavaScript 31.HTML对象获取问题 32.const问题 33.event.x与event.y问题 34.window.location.href问题 35.frame问题 36.模态和非模态窗口问题 37.firefox与IE的父元素(parentElement)的区别 38.document.for
翻译
2021-08-02 15:08:27
378阅读
<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Keywords" content=""> <meta name="Description" content=""
原创
2023-02-16 16:57:48
88阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://ww
原创
2012-03-24 09:30:07
856阅读
点赞
<!--已测试，可使用--> <!DOCTYPE html><html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/bootstrap.min.css" /> <style> .table{ width:100%;
原创
2020-03-20 11:14:00
418阅读
<!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 htt
转载
2009-03-12 22:15:00
36阅读
解决css样式冲突的解决方案官网链接：CSS IN JSstyled-components 是一种新的语法，需要学习CSS Modules 脚手架中已经集成，学习成本也低CSS Modules是独立于框架的一种编写css方案，可以在react中使用，也可以在vue中使用，任何解决css冲突的地方使用css Modules 说明css Modules 在项目中怎么使用###
原创
2022-11-18 10:00:18
100阅读
