随笔分类 -  div+css

巧用CSS属性visibility与opacity代替鼠标经过的jQuery事件
摘要：一直使用jQuery的hover()函数来写鼠标经过事件，这几天发现其他同行直接使用CSS就搞定了。自己在线下也试了试： 当然也并不是没有前提条件，需要配合一些定位属性来使用（position/top/left）。代码如下： <!DOCTYPE html> <html lang="en"> <hea 阅读全文
posted @ 2017-08-04 19:47 ann_glx 阅读(1037) 评论(0) 推荐(0)
奇怪的标签a的属性（target）
摘要：今天弄手机页面时发现一个奇怪地小问题，就是从“个人中心”点击“我的消息”时，省去a标签target点击地址跳转到“我的消息”时，页面通过js加载的数据没有被调用出来。 本来使用$.post调用的json数据，改成$.getJSON也一样没有数据，试着在“个人中心”把a标签的target加上，js数据 阅读全文
posted @ 2016-07-21 13:51 ann_glx 阅读(185) 评论(0) 推荐(0)
用CSS3和伪元素绘制三角形
摘要：具体怎样的写法，参照右边链接：https://segmentfault.com/a/1190000002783179 加以改良，不想多一个标签，可以直接利用伪元素，以下面代码为例所示： html代码： css代码： 效果图如下所示： 之所以改成这么丑的搭配是为了方便辨认；更是为了方便以后自己工作时需 阅读全文
posted @ 2016-03-21 18:48 ann_glx 阅读(1640) 评论(0) 推荐(0)
（转）浅谈HTML5与css3画饼图！
摘要：神马系饼图？饼图，大家都应该熟知，在统计数据对比方面，几乎处处用到。如cnzz的统计饼图从饼图中，很形象地展示了访问者地区的分布，以扇形为块的方式拼成一个大圆。都使用什么方法实现目前众多站点制作饼图大多使用flash，或者后台语言生成，如PHP，Python只要安装相应的基础库就能实现画图。但很少有... 阅读全文
posted @ 2015-08-25 15:23 ann_glx 阅读(3618) 评论(0) 推荐(1)
简洁的滚动代码（上下滚动）
摘要：html:最外层的div要定宽高。你是我的小丫小苹果 怎么爱你都不嫌多红红的小脸儿温暖我的心窝 点亮我生命的火 火火火火你是我的小丫小苹果 就像天边最美的云朵春天又来到了花开满山坡 种下希望就会收获jquery代码：转：http://www.jq22.com/yanshi1237 阅读全文
posted @ 2015-08-06 18:41 ann_glx 阅读(351) 评论(0) 推荐(0)
兼容ie7的导航下拉菜单
摘要：<!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.or 阅读全文
posted @ 2015-02-03 19:53 ann_glx 阅读(247) 评论(0) 推荐(0)
object在ie8与ie9中与下文多出几像素问题
摘要：今天发现一个很古怪的问题，object与下面文字部分的间隔超过了30个像素，关系是不管用padding还是margin都是一样的效果；给其设置overflow:hidden属性依然没有任何效果，再设置高度还是依然不变。偶不死心，试试给object属性加上display:block后一切正常，一个多小... 阅读全文
posted @ 2014-11-10 14:16 ann_glx 阅读(199) 评论(0) 推荐(0)
转：浅谈关于b、h标签的优化技巧
摘要：标签优化标签是一种加粗标记，作用就是加粗文章中的关键词，对于文章中重要的关键词加粗起到有利于用户阅读的作用。标签的使用对于优化的作用是非常大的，我们不能忽视，下面我们来看一下，标签的优化需要注意哪些事项，首先我们先对比一下显示效果差不多的（加重语气 产生字体加粗Bold的效果）和标签。、和显示效果是... 阅读全文
posted @ 2014-07-15 16:28 ann_glx 阅读(337) 评论(0) 推荐(0)
网页中用哪种空链接
摘要：1.对于空链接的处理一般情况下这三种比较常见：1）链接一2）链接二或者链接二3）链接三或者链接三以下有两篇文章对此讲解的不错：http://www.hujuntao.com/web/empty-links-difference-in-several-ways.htmlhttp://www.zhang... 阅读全文
posted @ 2013-10-25 17:30 ann_glx 阅读(779) 评论(0) 推荐(0)