- 博客(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
原创 前端实现饼图、堆叠柱状图、折线图
我觉得根据框架的API,就能够修改样式,得到你想要的结果,灵活运用就好。这两天做了’带图例还百分比的饼图‘,‘堆叠状的柱状图’,‘折线图’。我使用的是highcharts这个框架,我觉得还是不错的,有详细的介绍和api。另外,我在查资料的过程中,还发现的图表类的框架有jfreechart, echarts.以后可以尝试使用。1,饼图 Highchart
2016-09-08 18:26:11 22492 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人