- 博客(19)
- 收藏
- 关注
RSS订阅原创 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
18796
2
转载 响应式表格
将任何 .table 元素包裹在 .table-responsive 元素内，即可创建响应式表格，其会在小屏幕设备上（小于768px）水平滚动。当屏幕大于 768px 宽度时，水平滚动条消失。
2017-02-28 22:00:09
1182
转载 CSS控制文字只显示一行，超出部分显示省略号
只显示一行： 原因：1、text-overflow: ellipsis; 这里的重点样式是 text-overflow: ellipsis; 不过话说text-ellipsis是一个特殊的样式，有关解释是这样的：text-overflow属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义：强制文本在
2017-02-26 16:51:56
1915
原创 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
5925
原创 鼠标放到图片上图片会有图片提示的两个方法
法一：图片提示 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
2216
原创 鼠标移到上面有文字提示的两种方法实现
鼠标移到上面有文字提示的两种方法实现：法一：文字提示 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
5808
原创 左右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
652
原创 动态列表效果
动态列表效果，点击出现全部选择，再次点击隐藏部分选择，只显示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
1759
原创 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
45784
原创 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
1035
原创 jdbc连接池和mysql
第一步：在util包里面写一个叫C3P0Util.java的Java文件，代码如下：package com.chinasoft.util;import java.beans.PropertyVetoException;import java.sql.Connection;import java.sql.ResultSet;import java.sql.SQLException
2017-02-20 19:25:43
393
原创 图片和文字完美结合
有时候图片会太上，或太下，对于一行的文字来说，解决方法如下：（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
799
原创 文字垂直居中、垂直方向向下移动的方法
(1)设置line-height,比如a{line-height: 50px;}这样文本就会在垂直方向向下移动(2)设置padding-top,margin-top
2017-02-20 18:54:43
15572
1
原创 正则表达式
基本规则：元字符： (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
323
原创 文本，块的位置
文本居中：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
375
转载 display的作用和分类
display的值none此元素不会被显示。block此元素将显示为块级元素，此元素前后会带有换行符。inline默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block行内块元素。作用：1.可以将块级元素转换为行内元素（转换完之后原来设置的宽高信息失
2017-02-19 22:01:23
663
原创 当两个div无法放在一行的解决办法
1、display:inline-block,转为行内块即可2、利用folat,比如都float:left，放置在一行以后，再用padding,margin，设置具体的位置即可
2017-02-19 21:51:54
1068
原创 列表项用自定义的图标作为标识
首先介绍关于列表项的相关知识：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
1705
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人