随笔分类 -  html

1 2 下一页
图片上下左右居中css
摘要：html html页面布局 1. 设置div的宽高 line-height: 2. img 图片样式 3. span 样式 阅读全文
posted @ 2017-03-02 11:13 小小——开心 阅读(1223) 评论(0) 推荐(0)
a 锚点跳转滑动效果
摘要：点击a链接时，跳转到相应id的位置处，有一个滑动效果。 阅读全文
posted @ 2016-11-16 17:10 小小——开心 阅读(4446) 评论(0) 推荐(1)
图片懒加载--判断div ul中的li是否已经滑动到可视区域里
摘要：这是整个页面的代码。其中有gitH()函数和判断是否在可视区域。 加油。 阅读全文
posted @ 2016-11-16 16:57 小小——开心 阅读(432) 评论(0) 推荐(0)
iscroll 下拉刷新功能
摘要：版本号：iscroll4.2.5.js iscroll 版本很有关系 在线： demo链接 有出现白屏的bug,将iscroll版本改成iscroll4.2.5就可以了 html 阅读全文
posted @ 2016-09-05 10:27 小小——开心 阅读(4683) 评论(1) 推荐(0)
登录页面-输入框清空按钮
摘要：需求： 输入框获取焦点时，若输入框的值不为空，×清除按钮显示 ；输入框的值为空是，×清空按钮不显示。当输入数值的时候，清空按钮显示出来。 点击清空按钮时，该输入框的值被清空，清空按钮隐藏。 思路： 若能获取鼠标在页面中点击的元素是什么，就可以触发相应的事件，主要是event.target方法 代码： 阅读全文
posted @ 2016-08-03 14:52 小小——开心 阅读(8098) 评论(0) 推荐(1)
My97日期控件 选择日期区间
摘要：输入框区间 前者：不能大于后者选择的日期，并且最大值是今天的前一天 后者：不能大于前者选择的日期，并且最大值为2016-10-1 My97控件的网址：点这里哦 阅读全文
posted @ 2016-08-03 14:44 小小——开心 阅读(695) 评论(0) 推荐(0)
移动端web页面如何适配
摘要：移动端web页面如何适配，现有两个方案： 1 设置viewport进行缩放 简单粗暴，使用过程中反应缩放会导致有些页面元素会糊的情况。天猫的web app的首页使用这种方案 在页面中加入viewport.js 2 rem能等比例适配所有屏幕 rem是通过根元素进行适配的，网页中的根元素指的是html 阅读全文
posted @ 2016-05-13 17:26 小小——开心 阅读(619) 评论(0) 推荐(0)
里面的div怎么撑开外面的div让高度自适应
摘要：参考网址：http://www.jb51.net/css/140685.html 随着微软新操作系统的上市，ie6现在用的人越来越少了，但是XP系统看来是太过经典，仍然有相当多的用户在使用，且这部分人群中的大部分也没有单独升级浏览器的习惯，于是乎ie6依旧是使用最多的浏览器版本。根据本站流量的统计， 阅读全文
posted @ 2016-05-09 17:02 小小——开心 阅读(6991) 评论(0) 推荐(0)
css样式 浏览器的读取顺序
摘要：css样式 浏览器的读取顺序例：tbody tr td{}浏览器是先查找td,然后去找td tr,然后去找td tr tbodydiv p{}和div>p{}的区别.div p{}是会查找页面中所有符合条件的p标签。会耗损许多资源。.div>p{}是只会查找该div下的所有符合条件的p标签。比上面的... 阅读全文
posted @ 2015-12-17 17:42 小小——开心 阅读(430) 评论(0) 推荐(0)
【转】移动端input输入placeholder垂直不居中
摘要：在移动端编写input输入框时候，为了输入文字与输入框垂直居中，一般情况下，会将input的line-height的高度等于height。但在移动端输入的时候会发现，虽然输入内容确实是垂直居中了，但是光标的位置是靠上的，导致感官上的不美观。于是对input设置的时候，首先确定字体的大小如font-s... 阅读全文
posted @ 2015-12-01 11:34 小小——开心 阅读(18561) 评论(1) 推荐(1)
一张png图片 上面有多个图标，如何用CSS准确的知道其中某个图片的坐标
摘要：一张png图片 上面有多个图标，如何用CSS准确的知道其中某个图片的坐标 ，如下图可以使用 backgroundbackground:url(images/xx.png) 40px 10px no-repeat; 阅读全文
posted @ 2015-11-30 17:30 小小——开心 阅读(600) 评论(0) 推荐(0)
max(min)-device-width和max(min)-width的区别
摘要：在网页自适应设计中，max-device-width和max-width是不可缺少的两大CSS属性，但是可能大家在使用的选择上没有太多讲究，认为用其中一个即可。确实，如果没有特定要求，用任何一个都没有什么问题，不过如果你对此两个属性有了充分的认识之后，你或许把网页的自适应设计得更为极致一些。max-... 阅读全文
posted @ 2015-11-30 15:36 小小——开心 阅读(2588) 评论(0) 推荐(0)
解决使用jQuery采用append添加的元素事件无效的方法
摘要：这是一个段落。请点击这里但是随着jQuery的版本升级，自从jQuery 1.9及其以上已经无法使用live了，那么没有办法了吗，不是的，对于jQuery1.9版本及其以上可以使用on，其效果等同于live。下面的on的使用方法整个代码例子为： ... 阅读全文
posted @ 2015-11-27 16:30 小小——开心 阅读(9417) 评论(1) 推荐(0)
移动端 移动web屏幕适配方案 随不同宽度的屏幕而改变
摘要：链接地址1：http://www.cnblogs.com/zjzhome/p/4802157.html链接地址2：http://www.html-js.com/article/Mobile-terminal-H5-mobile-terminal-HD-multi-screen-adaptation-... 阅读全文
posted @ 2015-11-23 16:35 小小——开心 阅读(409) 评论(0) 推荐(0)
js操作cookie，实现登录密码保存 [转]
摘要：转自：http://blog.csdn.net/zyujie/article/details/8727828 （ 谢谢博主了）js操作cookie，实现登录密码保存。cookie的存放方式是以键值对的方式保存的。通常cookie和session，是web开发中用于存储信息的对象，session存在于... 阅读全文
posted @ 2015-08-18 15:36 小小——开心 阅读(561) 评论(0) 推荐(0)
placeholder在ie浏览器里不显示的问题解决
摘要：在页面中加入如上的代码即可显示文字。 阅读全文
posted @ 2015-07-13 14:47 小小——开心 阅读(3370) 评论(0) 推荐(0)
条件注释判断浏览器版本<!--[if lt IE 9]>
摘要：除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 阅读全文
posted @ 2015-07-10 14:12 小小——开心 阅读(251) 评论(0) 推荐(0)
css 背景色渐变---和背景色透明
摘要：1 背景色渐变 background:#fb0000; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb0000), color-stop(15%,#d50000), color-s... 阅读全文
posted @ 2015-06-09 09:32 小小——开心 阅读(12322) 评论(0) 推荐(0)
WdatePicker.js 日历点击时，触发自定义方法 ,可以调用自己的函数。
摘要：问题：在选择日期后，没有提交按钮，得到日期后，就可以把日期传到后台，然后就可以得到数据。方法：在input 标签中加入onfocus ，就可以了。wdatePicker();可以自定义事件函数。w97官网是http://www.my97.net/dp/demo/index.htm二. 功能及示例5.... 阅读全文
posted @ 2015-06-01 18:10 小小——开心 阅读(6401) 评论(0) 推荐(0)
html 实时监控发送数据
摘要：我们都知道ajax可以做异步提交，可以从一个文件里得到返回的数据，如此便能够实时的得到数据，实时刷新页面，如下代码setInterval(function(){ $.ajax({ url:'demo_sse.php', type:'get', data... 阅读全文
posted @ 2015-05-21 17:17 小小——开心 阅读(1902) 评论(0) 推荐(0)

1 2 下一页