随笔分类 -  HTML/CSS

搭建扫码挪车功能及源码分享
摘要：实现效果如图： 首先要到这里去申请一个微信通知应用,有了这个应用才能接收到微信的通知： https://wxpusher.zjiecode.com/admin 扫码注册后新建一个应用，你会获得一个appToken 再扫码就能获得你的UID（https://wxpusher.zjiecode.com/ 阅读全文
posted @ 2025-03-13 10:26 Colin.liu 阅读(502) 评论(0) 推荐(0)
CSS选择器的优先级
摘要：注：本文非原创，转自：http://www.cnblogs.com/zxjwlh 继承：即子类元素继承父类的样式; 优先级：是指不同类别样式的权重比较; 层叠：是说当数量相同时，通过层叠(后者覆盖前者)的样式。 css选择符分类 首先来看一下css选择符(css选择器)有哪些? 1.标签选择器(如： 阅读全文
posted @ 2018-08-02 15:53 Colin.liu 阅读(594) 评论(0) 推荐(0)
通过<meta>标签指定IE的文档模式实现CSS3兼容
摘要：今天发现之前做好的一个页面在IE中打开显示的效果不正常，本地和服务器上显示的是两种不同的样式。 经过确认文档内容和CSS都是一样的。 通过IE F12(开发人员工具）发现不正常的样式 浏览器文档模式自动设置为IE7,但别的机器又是显示的IE9。 证明不同的系统，不同的IE浏览器版本加载时用的文档模式 阅读全文
posted @ 2018-05-22 14:47 Colin.liu 阅读(1091) 评论(0) 推荐(0)
js检测移动设备并跳转到相关适应页面。
摘要：PS：网页自适应的方式有多种。有通过CSS样式表来实现自适应（主流），也有通过显示不同的页面来实现的方式。 下面代码是记录通过判断设备特征来跳转到相关的页面的方法。 实现要求： 当手机，平板访问 a.com 时，自动跳转到 a.com/m 页面（为移动设备开发的页面）。 如果是PC，则正常访问 a. 阅读全文
posted @ 2018-01-20 15:32 Colin.liu 阅读(858) 评论(0) 推荐(0)
定期清理WordPress的文章修订版本
摘要：当WordPress编辑或修改文章时会自动保存生成一个修订版本，默认是每分钟1次。方便恢复早先撰写的版本。不过时间一长就会产生大量的冗余数据，加重服务器负担，拖慢数据加载。当所有发布的文章都已更新到最新版本后，我们可以进行清理一次。 个人建议：清理前最好备份一下数据库，以免今后找旧的版本数据。 方法 阅读全文
posted @ 2018-01-09 11:40 Colin.liu 阅读(1267) 评论(0) 推荐(0)
jQuery提示组件toastr（取代alert）
摘要：给大家推荐一款jquery提示插件：toastr 它是一个可以取代alert的提示信息框，它在PC，移动设备上都有不错的UI效果。 具体使用方法如下： 1、首先在网页头站调用他需要的js和css文件。 2、然后就可以自定义该组件的相关参数和事件了。 比如弹出的位置，大小，配色，类型等等。 3、HTM 阅读全文
posted @ 2018-01-09 11:39 Colin.liu 阅读(3865) 评论(0) 推荐(0)
jQuery1.9及以上版本检测IE版本号
摘要：jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.support 。 在更新的 2.0 版本中，将不再支持 IE 6/7/8。 以后，如果用户需要支持 IE 6/7/8，只能使用 jQuery 1.9。 如果要全面支持 IE， 阅读全文
posted @ 2018-01-09 11:37 Colin.liu 阅读(3916) 评论(0) 推荐(0)
js div及table首行顶部吸附示例
摘要：js div顶部吸附示例，例如这样： 以下为DIV顶部吸附示例：（此示例来自于网络，在此记录与分享！感谢原作者！） 示例1：兼容IE6 示例2：不能很好兼容IE6 Table首行tr顶部吸附示例，通过示例1 DIY自行修改而来： 效果如下： 代码如下：（代码未包含上图CSS样式） 阅读全文
posted @ 2016-09-28 16:01 Colin.liu 阅读(3762) 评论(0) 推荐(0)
HTML Select 标签选择后触发jQuery事件代码实例
摘要：页面设计原由： 因为很多客户不知道如何来到我们公司，领导想让我在微信公众号上面做一个链接，客户可以直接通过微信公众号打开地图并导航到我们公司的办公地点。 实现起来并不难，但由于公司有很多办事处，所以需要设计一个选单，在用户选择相应办事处后自动加载相关的地图，于是我做了以下页面： （小弟不才，如代码有 阅读全文
posted @ 2016-07-01 15:50 Colin.liu 阅读(21413) 评论(2) 推荐(0)
点击自动显示/隐藏DIV代码。(简单实用）
摘要：注：本文由Colin撰写，版权所有！转载请注明原文地址，谢谢合作！ 很多时候我们需要将DIV的信息默认为隐藏状态，只有当用户点击时才显示DIV中包含的提示文字。这类效果在互联网上应用得很多，但实现的方法却是五花八门，有的甚至是全页代码，喜欢简洁明了的我肯定受不了。我的宗旨是“Write less,D 阅读全文
posted @ 2016-02-25 11:14 Colin.liu 阅读(6434) 评论(0) 推荐(0)
Jquery控制滚动显示欢迎字幕v2
摘要：Jquery控制滚动显示欢迎字幕v2:之前做的那个比较适合测试环境，但要套入到网站中，有两个按钮在那摆着，还是不太好看。后面对代码进行了修改，如下：参考代码：Colin-Welcome输入你要显示的文字内容，然后点击确定！欢迎参观XXXXX公司 参考图： 阅读全文
posted @ 2015-09-18 09:34 Colin.liu 阅读(473) 评论(0) 推荐(0)
iframe框架嵌套技巧（全屏，去双滚动条）
摘要：一般情况下我们很少用到iframe（框架），但有些特殊的情况下我们不得不使用iframe，那么或许或遇到嵌套内容不全屏，网页周围有边框，双滚动条等等情况，下面来说一下处理技巧。全屏与边框处理： Colin-iframe Test 基本可以满足需求了吧，或许你细心使用会发觉还是不够完美，因... 阅读全文
posted @ 2015-09-17 21:31 Colin.liu 阅读(14372) 评论(0) 推荐(1)
使用Javascript实现返回顶部功能。
摘要：为了提高网站的浏览体验及友好度，相信大部分网站需要一个返回顶部的按钮，如果使用传统的a标记，再做一个div加上链接的话，非常麻烦，不仅每个页面都需要添加，而且不能实现非常智能的效果及简化维护时间。 下面，我分享一下我自己经常使用的一个返回按钮，当然，你也可以在这个基础上修改或者自己做一个。 示例：h 阅读全文
posted @ 2013-07-13 15:12 Colin.liu 阅读(423) 评论(0) 推荐(0)
ASP页面-自动取回数据库中的值生成导航。
摘要：以下为自己总结的一点经验，简单的介绍一下方法，如发现有误，请帮忙指正，谢谢。 一，首先定义调用据库。 <% dim objconn,objconnstr set objconn=server.createobject("adodb.connection") objconnstr="provider= 阅读全文
posted @ 2013-07-13 11:26 Colin.liu 阅读(428) 评论(0) 推荐(0)
解决英文或数字在HTMl网页中不自动换行。
摘要：对于网页设计的新手而言，在接触一段时间的HTML/CSS后，一定会遇到这样的问题：对于已经定义了宽度的容器（如DIV，TD，段落等）如果里面出现了较长的英文或数字，则内容不能自动换行然后会将框架撑出设定的宽度。 比如编写如下HTML后： <table width="400px" border="1p 阅读全文
posted @ 2013-06-26 15:08 Colin.liu 阅读(934) 评论(0) 推荐(0)