#高考志愿填报分析系统的设计与实现

微信小程序之实现slideUp和slideDown效果和点击空白隐藏

怎样实现jq中的slideUp或者slideDown这种动画效果呢,我的思路是用css3的transform:translateY()属性,给需要动画的元素添加上一个动画class。先上效果图:1.蒙层的结构:<!--购物车蒙层--><viewclass='list-fix'wx:if="{{meng...

一个简单的加载动画,js实现

简单效果图:html:<divclass="box">  <ul>    <li></li>    <li></li>    <li></li>    <li></li>    <li>&...

css 实现背景图片不跟着滚动条滚动而滚动

效果: 只需要在需要背景不跟着动的div里:1div{2    background:url();3    background-attachment:fixed;4} 加上background-attachment:fixed;就可以了,兼容IE6+ 如果不加这个属性:网上兼容IE6的方...

利用渐变实现书本的效果

如上图中间的那部分有点类似阴影的效果是用css3中的渐变(Gradients)来实现的结构:  左边一个div,右边一个div。样式:  左边一个背景为白色。  右边的div设置渐变属性:   1background:-webkit-linear-gradient(left,#dddddd...

实现在某一指定位置的div在窗口滚动到指定位置的时候fixed定位

HTML:1<divclass="top">2    ·····内容3</div>4<divclass="scroll"></div>5<divclass="bottom">6    &mi...

关于checkbox全选与全不选的实现与遇到的问题

HTML:1<divclass="outbox">2  <labelfor="box">全选</label>3  <inputtype="checkbox"id="box"/>4</div>5<divclass="outbox2">6  <l...

checkbox用图片替换原始样式,并实现同样的功能

1.结构:<divclass="box1">  <input/>  <divclass="box2">    <img/>  </div></div>2.css里:  1)设置图片的div绝对定位,调整让它与原始input重合。  2)设置inpu...

CSS实现标题右侧“更多”

HTML<h2><ahref="#">标题</a><span>更多…</span></h2>CSSh2{height:20px;}span{float:right;display:block;margin:-10px000;heigh...

JS原生方法实现jQuery的ready()

浏览器加载页面的顺序:1、解析HTML结构2、加载外部脚本和样式表文件3、解析并执行脚本代码4、构造HTMLDOM模型==ready()5、加载图片等组件6、页面加载完毕==onload()ready事件是在DOM模型构造完毕时触发load事件是在页面加载完毕后触发functionready(fn){if(docume...

jQuery设计思想

【目录】  一、选择网页元素  二、改变结果集  三、链式操作  四、元素的操作:取值和赋值  五、元素的操作:移动  六、元素的操作:复制、删除和创建  七、工具方法  八、事件操作  九、特殊效果【正文】一、选择网页元素jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别...
代码星球 ·2020-04-02

给网页设计师和前端开发者看的前端性能优化

本文的作者哈利来自英国,是一位22岁的设计师、开发人员,同时也是一名作家和讲师(见下图)。不错的一篇文章,推荐熟读!英文原文:Front-endperformanceforwebdesignersandfront-enddevelopers ,编译:oschina在这篇长文章中,我将分享个人项目经验,一些关于...

跨浏览器实现盒阴影(box-shadow)效果

   现在流行的设计里总是使用了大量的阴影,看看Vista、win7里夸张的box阴影,mac里的阴影比比皆是。CSS3的box-shadow属性可以让我们轻松实现图层阴影效果,使我们可以不再总是依赖于使用图片。实现盒模型阴影的综合代码:/*InternetExplorer*/backgr...

IE下实现类似CSS3 text-shadow文字阴影的几种方法

一、开始的擦边话为了测试IE9浏览器,下午晃晃荡荡把系统换成window7的了。果然,正如网上所传言的一样,IE9浏览器确实不支持CSS3 text-shadow属性,且根据最近的IE10preview版的反馈,IE10浏览器也是不支持text-shadow属性的。至于为何不支持,就像女孩的心思一样,我也是百...

iframe实现Ajax文件上传效果示例

<!doctypehtml><html><head><metacharset=utf-8><head><title>ajax文件上传~~</title></head><script>window.onload=f...

js金额数字格式化实现代码(三位加逗号处理保留两位置小数)

工作中很常用的东西:例1,使数字1111111变成11,111,111.00,保留两位小数。<html><head><scripttype="text/javascript">functionoutputmoney(number){number=number.replace(/,/g...
首页上一页...616617618619620...下一页尾页