博客园美化博客随笔目录 基于 在`2014 5 11`写的目录代码基础上进行改进 一.js代码 二.css代码 三.展示效果 未打开状态 展开效果 hover效果 三.在原先的基础上解决的bug 1.目录由于其他js导致没法加载(最主要修改的内容) 2.修改了样式 3.修改了hover样式让他看起来 ...
分类:
其他好文 时间:
2019-09-23 15:26:56
阅读次数:
144
网页右下角有个返回顶部按钮,模仿淘宝?window.scrollTop()方法 ...
分类:
Web程序 时间:
2019-09-22 19:38:15
阅读次数:
127
主要用到鼠标的 hover 事件,除了点击事件全部 css 完成 根据Bootstrap3的侧栏导航改编 ...
分类:
其他好文 时间:
2019-09-18 17:57:25
阅读次数:
144
1.CSS介绍 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明 2.CSS语法 实例 注释 在写css样式的时候要写一个 在下面会将为什么 3.CSS的集中引入方式 3.1行内式 ...
分类:
Web程序 时间:
2019-09-15 16:45:59
阅读次数:
139
图片悬停放大效果: HTML5 代码如下: 另外附上两个css 样式(image-hover.css 和 image-hover-main.css): image-hover.css image-hover-main.css ...
分类:
Web程序 时间:
2019-09-14 13:34:34
阅读次数:
96
HTML代码 CSS代码 大概做成这个样子(图片没做比例,做个大概轮廓) ...
分类:
Web程序 时间:
2019-09-13 20:20:01
阅读次数:
142
animation是CSS3的动画属性,可以设置以下六种属性。 transition是CSS3的过度属性,可以设置以下四种属性。 从属性上分析,animation可以设定循环次数。 其次,两者的触发条件不同,transition通常和hover等事件配合使用,由事件触发。animation则和gif ...
分类:
Web程序 时间:
2019-09-09 19:13:07
阅读次数:
119
view标签: 当作div使用,view标签的常用属性:hover-class ,手指点击后所产生的效果,在uni-app中,不使用:horver 例子:animate.css和horver-class一起使用 text标签: (1)text标签常用属性 :selectable ,如果是false, ...
分类:
移动开发 时间:
2019-09-08 09:39:48
阅读次数:
1285
添加以下CSS,并引入项目即可生效/*偶数行背景色*/.layui-table[lay-even]tr:nth-child(even){/*background-color:#aaffaa;*/background-color:#eeffee;}/*鼠标指向表格时,奇数行背景颜色*/.layui-tabletbodytr:hover,.layui-table-hover{background-co
分类:
其他好文 时间:
2019-09-07 14:51:26
阅读次数:
710