自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 点击输入框,下拉弹框,点击页面的其他部分,弹框消失

点击下拉框,下面会弹出一个框,再点击收回,点击页面的其他内容,此下拉弹出框也会消失: //选择查询的类型弹出框 $('.query_select').hide(); $('#select').click(function (e) { if ($('.query_select').is(':hidden')) { $(".quer

2016-09-22 14:15:20 7971

原创 jQuery插件transform旋转焦点图的准备工作

1,【JQery.transform是基于jquery库的插件】IE8以下不支持css3,首先加载jQuery的函数库,$(function(){  $('#test1').transform({rotate:'60deg'});//旋转60度$('#test1').animate({rotate:'60deg'});//有动画的旋转60度})2,【定时器】

2016-09-22 11:36:53 683

原创 全屏切换效果

预备:HTML语言css样式-class、选择器、背景css动画JavaScript基本语法,闭包,单例模式jQuery基础功能$(select), .data(),.animate(),事件等1,可以使用sublime  text插件,安装 Emmet插件!->Tab   就可生成HTML模板【闭包】(function($){})(jque

2016-09-21 17:43:55 508

原创 伪元素

伪元素:让HTML更干净;把不重要的放到微元素里面;伪元素本质就是模拟一个元素;比如放一些箭头,小图标,小装饰#div2{   width:120px;height:120px;border:5px  #273fie   solid;top:90px;}#div::before{      content:'9999'}AA66666

2016-09-21 15:43:38 291

原创 padding的使用(尺寸、按钮、字体距离、画图)

padding会增加元素尺寸,padding:0  15px;padding不会影响元素尺寸:box-sizing:border-box   padding:0 15px;(此时,外边框的宽不会变化,内容缩小)如果左右的padding值比width还要大,那么还是会影响元素尺寸的。对于inline水平元素:水平padding影响尺寸,垂直padding不影响。如果加上背景色,

2016-09-21 15:22:28 2361

原创 块级元素和行内元素、边距问题

CSS 规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。标准文档流:从高往低,从左到右,从上到下,输出文档内容。由块级标签和行级标签。块级元素:从左到右撑占一行,触碰边缘会自动换行。div是典型的块级元素,p,ul,dl.dtdreamweaver调试窗口是模仿IE 的行级元素:可以在同一行显示  span   strong    img    input   大部

2016-09-20 13:29:09 1568

原创 为什么写好的HTML页面在IE上样式失灵

1,声明html也有多个不同的版本,只有完全明白页面中使用的确切的HTML版本,浏览器才能完全正确的显示HTML页面,这就是的用处。有时候去掉HTML,或不写声明才有效。

2016-09-19 18:18:36 1127

翻译 自己修改select的样式(修改select右边的小三角)

CSS就可以解决,原理是将浏览器默认的下拉框样式清除,然后应用上自己的,再附一张向右对齐小箭头的图片即可。select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none;

2016-09-15 15:13:57 62250 2

原创 对于背景透明,字体不透明的2种写法

1,写一个和它等级为兄弟关系的div,给这个div加css样式:#menu_listbg li{    width:100%;    height:40px;    opacity:0.4;    background-color:#000;    filter:alpha(opacity=40);    color:#fff;    font-family:"Mi

2016-09-14 13:27:39 1633

原创 三级菜单的展开与收起功能

HTML: 磁带生成单位 科委 农委 纪委

2016-09-08 18:38:36 4394

原创 前端实现饼图、堆叠柱状图、折线图

我觉得根据框架的API,就能够修改样式,得到你想要的结果,灵活运用就好。这两天做了’带图例还百分比的饼图‘,‘堆叠状的柱状图’,‘折线图’。我使用的是highcharts这个框架,我觉得还是不错的,有详细的介绍和api。另外,我在查资料的过程中,还发现的图表类的框架有jfreechart,   echarts.以后可以尝试使用。1,饼图 Highchart

2016-09-08 18:26:11 22492 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除