效果图如下: 原理是: 通过叠加滚动条的值,再通过setInterval()进行重复调用,实现移动效果。 html部分: 这里值得注意的是,外面的盒子(#main)必须小于里面的盒子(#in) 目的是撑大里面的盒子,出现内存条。 #p1里面是图片,但要注意的是,图片的总宽度一定要大于最外层#main ...
分类:
其他好文 时间:
2018-08-10 23:23:37
阅读次数:
198
<table id="" class="table table-striped table-advance table-hover"> <thead> <tr> <th></th> <th></th> </tr> </thead> <tbody> </tbody> </table> ...
分类:
其他好文 时间:
2018-08-09 17:24:14
阅读次数:
105
链接伪类 链接的4种状态:激活状态、已访问状态、未访问状态和鼠标悬停状态。 :link 未访问的链接 :visited 已访问的链接 :hover 鼠标悬停状态 :active 激活的链接(点下鼠标松开鼠标之前的状态) 例子: a:link{color:red;} 链接伪类的顺序: :link > ...
分类:
其他好文 时间:
2018-08-09 14:11:50
阅读次数:
111
2D动画: 通过 CSS3 transform转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸. a) 语法:translate(tx) | translate(tx,ty) b) tx是一个代表X轴(横坐标)移动的向量长度,当其值为正值时,元素向X轴右方向移动,反之其值为负值时,元素向X轴左方 ...
分类:
Web程序 时间:
2018-08-07 00:27:08
阅读次数:
554
转自:https://blog.bitsrc.io/9-css-in-js-libraries-you-should-know-in-2018-25afb4025b9b 实际上 wix 的 stylable 也不错,网上也有相关的比较,以及有优缺点说明 Some of the best CSS in ...
分类:
Web程序 时间:
2018-08-05 18:07:59
阅读次数:
279
1 CSS3 的选择器 1.1 基本选择器 1.2 层级选择器 1.3 属性选择器 属性选择器优先级 同 class 1.4 伪类选择器 1.5 伪元素选择器 2 CSS3 基础 2.1 浏览器私有前缀 2.2 CSS3 新增的颜色 2.3 CSS3新增长度单位 2.4 CSS3新增属性 2.3 设 ...
分类:
编程语言 时间:
2018-08-05 15:55:19
阅读次数:
151
在网页中调用CSS的方法:在<head></head>之间加入以下一行代码<linkhref="http://pannijingling.blog.163.com/blog/css/yangshi.css"rel="stylesheet"type="text/css"/>a:active是超级链接的初始状态a:hover是把鼠标放上去时的状况a:link是鼠标点
分类:
Web程序 时间:
2018-08-03 20:45:40
阅读次数:
180
css3属性选择器: 我们以前学过类选择器、id选择器、标签选择器、关联选择器、组合选择器、伪类选择器。 属性选择器是以 [ ] 括起来的 css3伪类选择器 在css2的时候我们学过伪类: :hover :link :active :visited css3新增伪类选择器 E:first-chil ...
分类:
Web程序 时间:
2018-07-31 01:36:32
阅读次数:
3428
恢复内容开始 样式 以上只是为了个初学者一个借鉴,可以联系增删查改,批量删除,模糊查询,分页,拼串; 有需要的可以看看,然后说点啥呢,只要能保存到明天晚上就行了 多少个字了,有没有一百五十个了,差不多了吧。 现就这样吧 。试试看 SQL server内容:只写了一个表 这是为了简单的写一下 现在是数 ...
分类:
Web程序 时间:
2018-07-29 20:00:28
阅读次数:
226
方法一: .container{ background-size: 100% 100%; transition: all 2s; } .container:hover{ background-size: 120% 120%; } 方法二: img{ transition: all 2s; } img ...
分类:
Web程序 时间:
2018-07-29 16:29:56
阅读次数:
169