HTML邮件设计注意点

    由于查看邮件的客户端很多,如网页、outlook2003/2007/…、手机浏览器、第三方邮件APP。公司邮件主要涉及PC网页、outlook各个版本,因此考虑的更少。记录下遇到的问题: head中的style定义无效 一般写网页,喜欢在head中定义css样式,可惜在此处失效。以网易邮箱PC网页版为例,网易邮箱会主动截取<body></body>之间的代码作为邮件内容,如果在head中定义样式,将不被加...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:915 ℃ | 标签:,

    highcharts的.net本地导出环境安装记录

    由于项目中highcharts需要内网使用,需要本地搭建导出的环境。下面简述下步骤: 1.下载开源的.net导出文件:https://github.com/imclem/Highcharts-export-module-asp.net 2.新建虚拟站点,IIS下配置如图:(注意端口设定:80端口已经用了,就设定为8081;应用池的设定,仅支持framework3.5以上版本) 3.拷贝下载的压缩包中的Exporting_Demo_website文件夹下的文件到新站点的目录下。删除...阅读全文
    作者:jucelin | 分类:前端设计, 后台开发 | 阅读:1,906 ℃ | 标签:, , ,

    jquery触发两次onchange事件

    因为项目中需要校验信息,又不想给服务器带来较大负荷,就使用onchange来实现校验。使用jquery绑定change事件,如下面的代码: <script type="text/javascript"> $(document).ready(function() { $('#test1').bind("change", function() { alert(this.value); this.value = ...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:6,402 ℃ | 标签:, ,

    onpropertychange功能的兼容

    IE的onpropertychange十分的好用,可惜的是只兼容IE,非IE就悲剧了。还好现在HTML5中的oninput已经兼容了这个功能。下面写了个测试页面,大家可以试试。 Demo:lab/onpropertychange/onpropertychange.html 看到这里,你需要知道onpropertychange的作用,还有onchange/onkeyup/onkeydown/onkeypress这几个属性的不同作用。 另外,前辈们已经写了个JS来完美支持这个特性,在Demo中也加入了进...阅读全文
    作者:jucelin | 分类:前端设计, 实验室 | 阅读:4,275 ℃ | 标签:, , , , ,

    CSS制作小箭头

    在西门大哥的博客中看到一篇文章:CSS实用小技巧,利用border属性实现一个标签做箭头,西门使用的是border,这里jucelin介绍另一种方法,用到的是一个特殊字符:◆。 演示:DEMO 代码:请狂击DEMO,然后右键,查看源代码(写得应该还算规范)。 主要用途:制作tips等。 实现原理:方法很简单,特殊字符◆就已经有了箭头的效果,那么用2个◆,用相对或绝对定位将他们完全重合,如果想做成向上的...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:2,243 ℃ | 标签:, , ,

    WP修改自带jquery加载方式

    调用自带jquery方法 <?php wp_enqueue_script("jquery"); ?> 但要注意的是: wp_enqueue_script(“jquery”); 务必加在 wp_head(); 的前面。 同时,需要注意的是wordpress自带的jquery和官方的jquery是有区别的,自带的jquery则需要这样使用: jQuery(document).ready(function($) { // "$"符号在这里才能被识别 }); WP 的 jQuery 和原版唯一的不同, 就是在...阅读全文
    作者:jucelin | 分类:前端设计, 后台开发 | 阅读:1,359 ℃ | 标签:, , ,

    奇怪的浮动Float

    在百度知道搜资料的时候看到一个网友问了关于CSS浮动的问题,问题地址在这里,直接看代码: <body> <div style="background:red; height:100px; width:200px; float:left;">111111111111111</div> <div style="background:grey; height:100px; width:200px;">222222222222222</div> </body> 看了上面代码很简单,相信从理论...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:458 ℃ | 标签:, , , ,

    js实现选中文字分享到腾讯新浪微博

    参考来源:《js页面文字选中后分享到新浪微博实现》 补充信息:腾讯微博视觉素材 / 腾讯微博分享接口 主要思路:在zxx的demo中添加上分享到腾讯微博的功能,并且把选定文字限制在正文范围内,以太平洋电脑网文章页为例 实现过程中遇到问题:IE下腾讯微博分享的url中含有中文会引起实际分享内容乱码 解决方案:选中部分和url的中文部分使用encodeURIComponent()方法 实际效果如图: 演示地...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:2,861 ℃ | 标签:, , , ,

    jquery.bgiframe使用方法

    jquery.bgiframe是用来处理IE6下select的z-index最高无法被透明层遮罩的BUG,原理也是利用IE6下的BUG,iframe可以遮罩住select,而DIV可以遮罩iframe,这样DIV也就遮罩住了select。 网上转载这个插件的文章很多,但大多都是复制过来的,来基本的错别字都没有修改。jucelin看到这个插件时就下载到了JS代码,但不知道初始化时对谁操作,于是网络中找了一会,很是失望的是,没有找到,也许是我...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:6,359 ℃ | 标签:, , , , , ,

    推荐一个在线JS压缩加密的工具

    以前一直在使用雅虎的YUICompressor来压缩,本地,速度快,压缩后的代码基本上都是成功的,不足的地方就是需要先安装java环境,在安装YUICompressor,否则使用不了。想我这种不喜欢系统慢的人,重装系统是经常的事,每次都得配置环境,累,还拖累系统。 使用在线工具,便成了理所当然的事了。使用过百度应用里面的几个压缩工具,压缩或基本都会调试失败,这点可能是应用的算法存在不同的问...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:1,055 ℃ | 标签:, , , , , , ,

    使用JS和正则表达式限制输入

    为了保证数据的有效性,防止用户输入的不是“理想”的内容,对输入框进行限制,应该算是客户端首先判断的内容,提交后再有服务器端验证。下面是找到的一些常用的使用正则表达式进行限制的代码,供参考。需要客户端支持JS。 用正则表达式限制只能输入中文:(双击代码复制) onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('tex...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:797 ℃ | 标签:, , , ,

    用JS实现表格行合并

    在我们现在做的OA系统中,表格已经成为不可缺少的重要组成部分,如果没有表格,我们的工作可能会增加很多。为了美观表格,常常需要将表格中相同内容的行进行合并,表格中的专用标签就是rowspan,描述一下就是将相邻2行或多行中相同位置的列进行合并,当然合并使用前提的,如内容相同,ID相同等等。这里jucelin写了个用JS实现表格行合并的代码,主要使用ID来判断的,不足是出现了相同的ID,...阅读全文
    作者:jucelin | 分类:前端设计, 实验室 | 阅读:3,183 ℃ | 标签:, , , , ,
更多