51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#高考志愿填报分析系统的设计与实现
微信小程序之实现slideUp和slideDown效果和点击空白隐藏
怎样实现jq中的slideUp或者slideDown这种动画效果呢,我的思路是用css3的transform:translateY()属性,给需要动画的元素添加上一个动画class。先上效果图:1.蒙层的结构:<!--购物车蒙层--><viewclass='list-fix'wx:if="{{meng...
代码星球
·
2020-04-02
微信
程序
实现
slideUp
slideDown
一个简单的加载动画,js实现
简单效果图:html:<divclass="box"> <ul> <li></li> <li></li> <li></li> <li></li> <li>&...
代码星球
·
2020-04-02
一个
简单
加载
动画
js
css 实现背景图片不跟着滚动条滚动而滚动
效果: 只需要在需要背景不跟着动的div里:1div{2 background:url();3 background-attachment:fixed;4} 加上background-attachment:fixed;就可以了,兼容IE6+ 如果不加这个属性:网上兼容IE6的方...
代码星球
·
2020-04-02
滚动
css
实现
背景图片
跟着
利用渐变实现书本的效果
如上图中间的那部分有点类似阴影的效果是用css3中的渐变(Gradients)来实现的结构: 左边一个div,右边一个div。样式: 左边一个背景为白色。 右边的div设置渐变属性: 1background:-webkit-linear-gradient(left,#dddddd...
代码星球
·
2020-04-02
利用
渐变
实现
书本
效果
实现在某一指定位置的div在窗口滚动到指定位置的时候fixed定位
HTML:1<divclass="top">2 ·····内容3</div>4<divclass="scroll"></div>5<divclass="bottom">6 &mi...
代码星球
·
2020-04-02
指定
位置
现在
某一
div
关于checkbox全选与全不选的实现与遇到的问题
HTML:1<divclass="outbox">2 <labelfor="box">全选</label>3 <inputtype="checkbox"id="box"/>4</div>5<divclass="outbox2">6 <l...
代码星球
·
2020-04-02
关于
checkbox
全选
全不
实现
checkbox用图片替换原始样式,并实现同样的功能
1.结构:<divclass="box1"> <input/> <divclass="box2"> <img/> </div></div>2.css里: 1)设置图片的div绝对定位,调整让它与原始input重合。 2)设置inpu...
代码星球
·
2020-04-02
checkbox
图片
替换
原始
样式
CSS实现标题右侧“更多”
HTML<h2><ahref="#">标题</a><span>更多…</span></h2>CSSh2{height:20px;}span{float:right;display:block;margin:-10px000;heigh...
代码星球
·
2020-04-02
CSS
实现
标题
右侧
更多
JS原生方法实现jQuery的ready()
浏览器加载页面的顺序:1、解析HTML结构2、加载外部脚本和样式表文件3、解析并执行脚本代码4、构造HTMLDOM模型==ready()5、加载图片等组件6、页面加载完毕==onload()ready事件是在DOM模型构造完毕时触发load事件是在页面加载完毕后触发functionready(fn){if(docume...
代码星球
·
2020-04-02
JS
原生
方法
实现
jQuery
jQuery设计思想
【目录】 一、选择网页元素 二、改变结果集 三、链式操作 四、元素的操作:取值和赋值 五、元素的操作:移动 六、元素的操作:复制、删除和创建 七、工具方法 八、事件操作 九、特殊效果【正文】一、选择网页元素jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别...
代码星球
·
2020-04-02
jQuery
设计思想
给网页设计师和前端开发者看的前端性能优化
本文的作者哈利来自英国,是一位22岁的设计师、开发人员,同时也是一名作家和讲师(见下图)。不错的一篇文章,推荐熟读!英文原文:Front-endperformanceforwebdesignersandfront-enddevelopers ,编译:oschina在这篇长文章中,我将分享个人项目经验,一些关于...
代码星球
·
2020-04-02
前端
网页
设计师
开发者
看的
跨浏览器实现盒阴影(box-shadow)效果
现在流行的设计里总是使用了大量的阴影,看看Vista、win7里夸张的box阴影,mac里的阴影比比皆是。CSS3的box-shadow属性可以让我们轻松实现图层阴影效果,使我们可以不再总是依赖于使用图片。实现盒模型阴影的综合代码:/*InternetExplorer*/backgr...
代码星球
·
2020-04-02
浏览器
实现
阴影
box-shadow
效果
IE下实现类似CSS3 text-shadow文字阴影的几种方法
一、开始的擦边话为了测试IE9浏览器,下午晃晃荡荡把系统换成window7的了。果然,正如网上所传言的一样,IE9浏览器确实不支持CSS3 text-shadow属性,且根据最近的IE10preview版的反馈,IE10浏览器也是不支持text-shadow属性的。至于为何不支持,就像女孩的心思一样,我也是百...
代码星球
·
2020-04-02
IE
实现
类似
CSS3
text-shadow
iframe实现Ajax文件上传效果示例
<!doctypehtml><html><head><metacharset=utf-8><head><title>ajax文件上传~~</title></head><script>window.onload=f...
代码星球
·
2020-04-02
iframe
实现
Ajax
文件
上传
js金额数字格式化实现代码(三位加逗号处理保留两位置小数)
工作中很常用的东西:例1,使数字1111111变成11,111,111.00,保留两位小数。<html><head><scripttype="text/javascript">functionoutputmoney(number){number=number.replace(/,/g...
代码星球
·
2020-04-02
js
金额
数字
格式化
实现
首页
上一页
...
616
617
618
619
620
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他