![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
eileen823
这个作者很懒,什么都没留下…
展开
-
vscode关闭保存自动格式化
vscode关闭保存自动格式化原创 2022-10-27 10:31:35 · 1770 阅读 · 0 评论 -
动态列表效果
动态列表效果,点击出现全部选择,再次点击隐藏部分选择,只显示5个动态列表效果.html *{ margin:0; padding:0;}body {font-size:12px;text-align:center;}a { color:#04D; text-decoration:none;}a:hover { color:#F50; text-decoration:under原创 2017-02-23 00:00:47 · 1749 阅读 · 0 评论 -
左右select选择
左右select选择Insert title here $(document).ready(function(){ $("#left1").click(function(){ var $first=$("select :selected:first"); /*$("select :selected:first").remove(); $("#r原创 2017-02-23 00:02:39 · 645 阅读 · 0 评论 -
QQ用户分组状态栏功能实现
QQ用户分组状态栏简单功能:点击导航,打开分类,其他导航收起来,再次点击原创 2017-02-23 23:20:39 · 330 阅读 · 0 评论 -
鼠标移到上面有文字提示的两种方法实现
鼠标移到上面有文字提示的两种方法实现:法一:文字提示 body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%;}p{ clear:both; margin:0; padding:.5原创 2017-02-23 23:24:11 · 5747 阅读 · 0 评论 -
鼠标放到图片上图片会有图片提示的两个方法
法一:图片提示 body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%;}img{border:none;}ul,li{ margin:0; padding:0;}li{ list原创 2017-02-23 23:26:25 · 2189 阅读 · 0 评论 -
CSS控制文字只显示一行,超出部分显示省略号
只显示一行: 原因:1、text-overflow: ellipsis; 这里的重点样式是 text-overflow: ellipsis; 不过话说text-ellipsis是一个特殊的样式,有关解释是这样的:text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义:强制文本在转载 2017-02-26 16:51:56 · 1890 阅读 · 0 评论 -
CSS控制文字只显示几行,超出一部分显示省略号
.text1 { width:200px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap;}.text2 { width:200p原创 2017-02-26 16:50:50 · 5910 阅读 · 0 评论 -
5秒后自动跳转页面
5秒后自动跳转,代码如下: //5秒跳转页面 var b=document.getElementById("box"); b.innerHTML="5秒跳转页面"; var time=5; //每隔一秒执行定时器 var timer=setInterval(function(){ if(time>0){ time原创 2017-02-22 00:09:48 · 45635 阅读 · 0 评论 -
列表项用自定义的图标作为标识
首先介绍关于列表项的相关知识:list-style: none; 列表项样式list-style-image: url(li_bg.jpg); 指定列表项样式为图片list-style-position:inside、outside 列表项的位置,inside含义是列表项显示在li标签里面,outside含义是列表项显示在li标签外面。具体用法:(1)首先在ol设置 li原创 2017-02-19 21:49:18 · 1697 阅读 · 0 评论 -
display的作用和分类
display的值none此元素不会被显示。block此元素将显示为块级元素,此元素前后会带有换行符。inline默认。此元素会被显示为内联元素,元素前后没有换行符。inline-block行内块元素。作用:1.可以将块级元素转换为行内元素(转换完之后原来设置的宽高信息失转载 2017-02-19 22:01:23 · 639 阅读 · 0 评论 -
文本,块的位置
文本居中:text-align:center整个块居中:margin:xxpx auto;当一个文本想在一个中间偏右的位置,方法如下:(1)通过padding,margin调整位置(2)通过设置一个div,规定好width和height,然后设置整个块居中margin:xxpx auto;,然后设置text-align:right即可原创 2017-02-19 22:07:50 · 364 阅读 · 0 评论 -
响应式表格
将任何 .table 元素包裹在 .table-responsive 元素内,即可创建响应式表格,其会在小屏幕设备上(小于768px)水平滚动。当屏幕大于 768px 宽度时,水平滚动条消失。转载 2017-02-28 22:00:09 · 1173 阅读 · 0 评论 -
localStorage获取数据以及处理方法
关于字符串和对象1.localStorage中只能存字符串,如果直接把对象放到localStorage中,则直接保存object object这个字符串2.如果调用localStorage的getItem("carts")方法得到的信息也是字符串3.js和字符串的转换js对象---->字符串:var str=JSON.stringfy(js对象)字符串----->js对象:va原创 2017-02-28 23:11:00 · 18763 阅读 · 2 评论 -
文字垂直居中、垂直方向向下移动的方法
(1)设置line-height,比如a{line-height: 50px;}这样文本就会在垂直方向向下移动(2)设置padding-top,margin-top原创 2017-02-20 18:54:43 · 15443 阅读 · 1 评论 -
bookstore静态页面
bookstore静态页面代码如下: #right{ float: right; vertical-align: middle; line-height:50px; margin-right:70px; } #right img{ margin-top:11px; } #right a{原创 2017-02-21 20:37:57 · 1027 阅读 · 0 评论 -
图片和文字完美结合
有时候图片会太上,或太下,对于一行的文字来说,解决方法如下:(1)第一步:在图片属性加上align="top" 代码: <img class="img2" align="top" src="../img/serchbutton.gif" /> (2)第二步:设置图片的style属性:margin-top:xxpx;代码:.img2{ margin-top: 10px; }原创 2017-02-20 18:55:50 · 786 阅读 · 0 评论 -
正则表达式
基本规则:元字符: (1) \d 数字字符 0~9 (2) \D 非数字字符 (3) \s 空白字符 ( \r\n 空格) (4) \S 非空白字符 (5) \w 单词字符(a~z A~Z 0~9 _) (原创 2017-02-20 18:36:43 · 317 阅读 · 0 评论 -
当两个div无法放在一行的解决办法
1、display:inline-block,转为行内块即可2、利用folat,比如都float:left,放置在一行以后,再用padding,margin,设置具体的位置即可原创 2017-02-19 21:51:54 · 1054 阅读 · 0 评论