博客园 - pansly
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=154820
2014-07-25T05:02:23Z
pansly
https://www.cnblogs.com/pansly/
feed.cnblogs.com
https://www.cnblogs.com/pansly/p/3867772.html
Base64编解码Android和ios的例子,补充JNI中的例子 - pansly
1.在Android中java层提供了工具类:android.util.Base64; 里面都是静态方法,方便直接使用: 使用方法如下:Java代码//Base64编码:byte[]encode=Base64.encode("Hello,World".getBytes(),Base64.DEFAUL...
2014-07-25T05:02:00Z
2014-07-25T05:02:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】1.在Android中java层提供了工具类:android.util.Base64; 里面都是静态方法,方便直接使用: 使用方法如下:Java代码//Base64编码:byte[]encode=Base64.encode("Hello,World".getBytes(),Base64.DEFAUL... <a href="https://www.cnblogs.com/pansly/p/3867772.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/p/3313556.html
纯CSS3实现3D动画导航,html5 webRTC技术实现免费网页电话拨打 - pansly
花了一周的时间完成了 说吧 (免费网页电话) 的前端开发工作,先将技术点总结如下:免费电话采用最新的html5 webRTC 技术 实现互联网和电信MIS网互通实现网页电话,目前只有 google chrome 支持,如果你想实现免费电话拨打,测试地址:https://www.10086china.com/index.html?id=OTkxMzA3MjUwODM3MzE5OQ== (长链接,顺便赚点积分,目前只支持chrome浏览器哦,哈哈)1、 导航(主要采用纯CSS3 实现)DOM: 首页 功能介绍 活动 邀请达人 签到达人 ...
2013-09-11T05:27:00Z
2013-09-11T05:27:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】花了一周的时间完成了 说吧 (免费网页电话) 的前端开发工作,先将技术点总结如下:免费电话采用最新的html5 webRTC 技术 实现互联网和电信MIS网互通实现网页电话,目前只有 google chrome 支持,如果你想实现免费电话拨打,测试地址:https://www.10086china.com/index.html?id=OTkxMzA3MjUwODM3MzE5OQ== (长链接,顺便赚点积分,目前只支持chrome浏览器哦,哈哈)1、 导航(主要采用纯CSS3 实现)DOM: 首页 功能介绍 活动 邀请达人 签到达人 ... <a href="https://www.cnblogs.com/pansly/p/3313556.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2012/05/19/2508830.html
html5 canvas之绘制曲线 - pansly
html5 canvas 提供了绘制一系列曲线的函数。如下:1、如果我们需绘制更加复杂的曲线路径,我们或许该用到贝塞尔或者2次方程曲线。quadraticCurveTo(cp1x, cp1y, x, y) bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)两种曲线有何区别?我们可以参看一下右边这张图,2种曲线都有一个起点和终点(blue point),但是贝塞尔曲线仅有一个“control point”(red point),2次曲线则有2个。两个方法中的x和y参数都为曲线的终点坐标,cp1x和cp1y为第一control point的坐标,cp2x和cp2
2012-05-19T05:21:00Z
2012-05-19T05:21:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】html5 canvas 提供了绘制一系列曲线的函数。如下:1、如果我们需绘制更加复杂的曲线路径,我们或许该用到贝塞尔或者2次方程曲线。quadraticCurveTo(cp1x, cp1y, x, y) bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)两种曲线有何区别?我们可以参看一下右边这张图,2种曲线都有一个起点和终点(blue point),但是贝塞尔曲线仅有一个“control point”(red point),2次曲线则有2个。两个方法中的x和y参数都为曲线的终点坐标,cp1x和cp1y为第一control point的坐标,cp2x和cp2 <a href="https://www.cnblogs.com/pansly/archive/2012/05/19/2508830.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2012/03/09/2388153.html
HTTP请求状态码 - pansly
标签:请求状态码 http如果向您的服务器发出了某项请求要求显示您网站上的某个网页(例如,当用户通过浏览器访问您的网页或在 Googlebot 抓取该网页时),那么,您的服务器会返回 HTTP 状态代码以响应该请求。此状态代码提供了有关请求状态的信息,且为 Googlebot 提供了有关您网站和请求的网页的信息。一些常见的状态代码为:200 - 服务器成功返回网页404 - 请求的网页不存在503 - 服务器暂时不可用以下提供了 HTTP 状态代码的完整列表。点击链接可了解详细信息。您也可以访问有关 HTTP 状态代码的 W3C 页来了解详细信息。1xx(临时响应) 用于表示临时响应并需要请求
2012-03-09T10:19:00Z
2012-03-09T10:19:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】标签:请求状态码 http如果向您的服务器发出了某项请求要求显示您网站上的某个网页(例如,当用户通过浏览器访问您的网页或在 Googlebot 抓取该网页时),那么,您的服务器会返回 HTTP 状态代码以响应该请求。此状态代码提供了有关请求状态的信息,且为 Googlebot 提供了有关您网站和请求的网页的信息。一些常见的状态代码为:200 - 服务器成功返回网页404 - 请求的网页不存在503 - 服务器暂时不可用以下提供了 HTTP 状态代码的完整列表。点击链接可了解详细信息。您也可以访问有关 HTTP 状态代码的 W3C 页来了解详细信息。1xx(临时响应) 用于表示临时响应并需要请求 <a href="https://www.cnblogs.com/pansly/archive/2012/03/09/2388153.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2012/02/02/2335690.html
[WEB前端工程师编程能力成长之路] - pansly
【背景】如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;WEB 前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间。这个领域没有学校的正规教育,没有行内成体系的理论指 引,几乎所有从事这个职业的人都是靠自己自学成才。自学成才,一条艰辛的坎坷路,我也是这样一路走来。从2002年开始接触WEB前端研发至今已然有了9 个年头,如今再回首,期间的走了很多弯路。推已及人,如果能让那些后来者少走些弯路
2012-02-02T05:53:00Z
2012-02-02T05:53:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】【背景】如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;WEB 前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间。这个领域没有学校的正规教育,没有行内成体系的理论指 引,几乎所有从事这个职业的人都是靠自己自学成才。自学成才,一条艰辛的坎坷路,我也是这样一路走来。从2002年开始接触WEB前端研发至今已然有了9 个年头,如今再回首,期间的走了很多弯路。推已及人,如果能让那些后来者少走些弯路 <a href="https://www.cnblogs.com/pansly/archive/2012/02/02/2335690.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/12/18/2292743.html
CSS3 @font-face实现颜色大小可控的三角效果 - pansly
一、我之前介绍过的三角实现效果回顾这里所说的三角效果之等腰直角三角形效果(等边三角形有现成字符实现,没什么好说的;还有图片实现三角众人皆知,不予以说明):1. 字符实现三角效果关于字符实现三角我早在09年的时候就介绍了:使用字符实现兼容性的圆角尖角效果。一转眼两年过去了,这个技术开始被越来越多的人所熟知。使用的字符是正棱形“◆”字符,编码表示为&#9670;。需要一定的裁剪,在极少数情况下,在FireFox浏览器下,棱形“◆”字符的字符显示会有偏差(阳痿体积小)。根据自己的实践,借助CSS3的transform旋转和IE的旋转滤镜可以比较简单地使用单标签实现上下左右各个方向还算兼容的效
2011-12-18T15:29:00Z
2011-12-18T15:29:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】一、我之前介绍过的三角实现效果回顾这里所说的三角效果之等腰直角三角形效果(等边三角形有现成字符实现,没什么好说的;还有图片实现三角众人皆知,不予以说明):1. 字符实现三角效果关于字符实现三角我早在09年的时候就介绍了:使用字符实现兼容性的圆角尖角效果。一转眼两年过去了,这个技术开始被越来越多的人所熟知。使用的字符是正棱形“◆”字符,编码表示为&#9670;。需要一定的裁剪,在极少数情况下,在FireFox浏览器下,棱形“◆”字符的字符显示会有偏差(阳痿体积小)。根据自己的实践,借助CSS3的transform旋转和IE的旋转滤镜可以比较简单地使用单标签实现上下左右各个方向还算兼容的效 <a href="https://www.cnblogs.com/pansly/archive/2011/12/18/2292743.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/12/18/2292740.html
告别图片—使用字符实现兼容性的圆角尖角效果beta版 - pansly
1、看清真相字符呢,我的理解是,跟页面上的汉字,英文字母啊等东东属于同样的东西。首先,字符图案是显示器用一个一个同样颜色的像素点组成的,不会有锯齿杂边的麻烦,如果您用photoshop制作一个小三角图片,说不定就会有可恶的白色杂边,而字符绝不会有这个问题。其次,字符本质上就是文字,受限于css的font-size属性,color属性等一切对文字起作用的属性。2、使用字符代替图片的优点①不用去作图抠图了,省了多少功夫啊!对于页面工程师来说,大大减轻了工作负担,要知道,与小于10像素的小图打交道很耗时间精力的。②不用担心杂边的问题了,字符都是纯色的像素点,想出现杂边都难。③容易控制!要想字符图案变
2011-12-18T15:28:00Z
2011-12-18T15:28:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】1、看清真相字符呢,我的理解是,跟页面上的汉字,英文字母啊等东东属于同样的东西。首先,字符图案是显示器用一个一个同样颜色的像素点组成的,不会有锯齿杂边的麻烦,如果您用photoshop制作一个小三角图片,说不定就会有可恶的白色杂边,而字符绝不会有这个问题。其次,字符本质上就是文字,受限于css的font-size属性,color属性等一切对文字起作用的属性。2、使用字符代替图片的优点①不用去作图抠图了,省了多少功夫啊!对于页面工程师来说,大大减轻了工作负担,要知道,与小于10像素的小图打交道很耗时间精力的。②不用担心杂边的问题了,字符都是纯色的像素点,想出现杂边都难。③容易控制!要想字符图案变 <a href="https://www.cnblogs.com/pansly/archive/2011/12/18/2292740.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/12/18/2292731.html
常用JQuery插件整理 - pansly
UI: jquery.HooRay jquery UI(官方的UI插件,功能很多,但我只用少数几个) jQuery EasyUI jQuery LigerUI 对话框: artDialog(很欣赏这个插件,又强大又美观) AsyncBox(制作者小吴同学也是博客园的人呢) jBox(继续国人的插件,就是皮肤稍微做的弱了点,功能上一点不输前两者) lhgDialog(作者似乎和我同龄,挺不错的) 表单验证: jquery-validate(这个就不用介绍了吧) jQuery formValidator(作者也是园子里的人哦) 放大镜: cloud zoom(这个效果炫...
2011-12-18T15:24:00Z
2011-12-18T15:24:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】UI: jquery.HooRay jquery UI(官方的UI插件,功能很多,但我只用少数几个) jQuery EasyUI jQuery LigerUI 对话框: artDialog(很欣赏这个插件,又强大又美观) AsyncBox(制作者小吴同学也是博客园的人呢) jBox(继续国人的插件,就是皮肤稍微做的弱了点,功能上一点不输前两者) lhgDialog(作者似乎和我同龄,挺不错的) 表单验证: jquery-validate(这个就不用介绍了吧) jQuery formValidator(作者也是园子里的人哦) 放大镜: cloud zoom(这个效果炫... <a href="https://www.cnblogs.com/pansly/archive/2011/12/18/2292731.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/12/12/2285021.html
li内文字超出隐藏,不允许出现半汉字截断,超出后仍显示new图片,小于宽度自动跟随 - pansly
效果,li内文字超出隐藏,不允许出现半个汉字,超出后仍显示new图片,小于宽度自动跟随,div代码: <div class="contenta_news"><h2><a href="market?marketType=0"><img width="287" height="30" border="0" src="images/home_mlks.jpg"></a></h2><ul><li
2011-12-12T08:41:00Z
2011-12-12T08:41:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】效果,li内文字超出隐藏,不允许出现半个汉字,超出后仍显示new图片,小于宽度自动跟随,div代码: <div class="contenta_news"><h2><a href="market?marketType=0"><img width="287" height="30" border="0" src="images/home_mlks.jpg"></a></h2><ul><li <a href="https://www.cnblogs.com/pansly/archive/2011/12/12/2285021.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/11/29/2267812.html
超链接<a>标签和javascript:void(0) - pansly
http://yslove.net/2011/02/ie6-javascriptvoid0/‘遇到过几次这种问题,现在总结一下。代码:<a onclick="window.location.href='http://www.google.com'" href="javascript:void(0);">google</a><a href="javascript:alert('Hello!');">Say Hello</a><a href="
2011-11-29T08:35:00Z
2011-11-29T08:35:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】http://yslove.net/2011/02/ie6-javascriptvoid0/‘遇到过几次这种问题,现在总结一下。代码:<a onclick="window.location.href='http://www.google.com'" href="javascript:void(0);">google</a><a href="javascript:alert('Hello!');">Say Hello</a><a href=" <a href="https://www.cnblogs.com/pansly/archive/2011/11/29/2267812.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/11/13/2247028.html
jquery context menu用法 - pansly
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jQuery Context Menu Plugin Demo</title><meta http-equiv="Content-Type" con
2011-11-13T01:36:00Z
2011-11-13T01:36:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jQuery Context Menu Plugin Demo</title><meta http-equiv="Content-Type" con <a href="https://www.cnblogs.com/pansly/archive/2011/11/13/2247028.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/11/03/2234497.html
jQuery实现搜索关键字自动匹配提示方法 - pansly
在现在的Web设计中,提高用户体验是企业最为注重的内容之一。在搜索表单中,根据输入的部分内容进行关键字匹配提示功能,就是最直观和常用的交互体验,类似功能已经被多数的互联网网站应用。例如Google的搜索框效果如下:这里介绍一个jQuery实现搜索关键字自动匹配提示方法。jQuery AutoComplete 是一个基于jQuery实现搜索关键字自动匹配提示的插件,该插件可扩展性强,表现性能优越,方便整合到自己的项目中使用;兼容IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+, and Chrome 1.0+ 等主流浏览器。演示效果:http://www.devbr
2011-11-03T06:20:00Z
2011-11-03T06:20:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】在现在的Web设计中,提高用户体验是企业最为注重的内容之一。在搜索表单中,根据输入的部分内容进行关键字匹配提示功能,就是最直观和常用的交互体验,类似功能已经被多数的互联网网站应用。例如Google的搜索框效果如下:这里介绍一个jQuery实现搜索关键字自动匹配提示方法。jQuery AutoComplete 是一个基于jQuery实现搜索关键字自动匹配提示的插件,该插件可扩展性强,表现性能优越,方便整合到自己的项目中使用;兼容IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+, and Chrome 1.0+ 等主流浏览器。演示效果:http://www.devbr <a href="https://www.cnblogs.com/pansly/archive/2011/11/03/2234497.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/10/20/2219607.html
JS的split函数用法 - pansly
Js代码 <scriptlanguage="javascript">functionspli(){datastr="2,2,3,5,6,6";varstr=newArray();str=datastr.split(",");for(i=0;i<str.length;i++){document.write(str[i]+"<br/>");}}</script>若要实现有多个分隔符分隔的字符串,具体代码如下:Js代码 <html><head><sc
2011-10-20T14:34:00Z
2011-10-20T14:34:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】Js代码 <scriptlanguage="javascript">functionspli(){datastr="2,2,3,5,6,6";varstr=newArray();str=datastr.split(",");for(i=0;i<str.length;i++){document.write(str[i]+"<br/>");}}</script>若要实现有多个分隔符分隔的字符串,具体代码如下:Js代码 <html><head><sc <a href="https://www.cnblogs.com/pansly/archive/2011/10/20/2219607.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/09/23/2185730.html
正则表达式语法 - pansly
一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。这里有一些可能会遇到的正则表达式示例:Visual Basic Scripting EditionVBScript匹配/^\[ \t]*$/"^\[ \t]*$"匹配一个空白行。/\d{2}-\d{5}/"\d{2}-\d{5}"验证一个ID 号码是否由一个2位数字,一个连字符以及一个5位数字组成。/<(.*)>.*<\/\1&g
2011-09-22T23:14:00Z
2011-09-22T23:14:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。这里有一些可能会遇到的正则表达式示例:Visual Basic Scripting EditionVBScript匹配/^\[ \t]*$/"^\[ \t]*$"匹配一个空白行。/\d{2}-\d{5}/"\d{2}-\d{5}"验证一个ID 号码是否由一个2位数字,一个连字符以及一个5位数字组成。/<(.*)>.*<\/\1&g <a href="https://www.cnblogs.com/pansly/archive/2011/09/23/2185730.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/09/18/2180579.html
JQuery之ContextMenu(右键菜单) - pansly
插件下载地址:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js压缩版:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.jsJquery主页: http://jquery.com/插件中的参数说明:Parametersmenu_idTheidofthemenuasdefinedinyourmarkup.Youcanbindoneormoreelementstoamenu.Eg$(&qu
2011-09-18T11:05:00Z
2011-09-18T11:05:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】插件下载地址:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js压缩版:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.jsJquery主页: http://jquery.com/插件中的参数说明:Parametersmenu_idTheidofthemenuasdefinedinyourmarkup.Youcanbindoneormoreelementstoamenu.Eg$(&qu <a href="https://www.cnblogs.com/pansly/archive/2011/09/18/2180579.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/09/14/2176658.html
计算出当月还剩下几天 - pansly
脚本说明:把如下代码加入<body>区域中<SCRIPT LANGUAGE="JavaScript"><!-- Beginvar today = new Date();var now = today.getDate();var year = today.getYear();if (year < 2000) year += 1900; // Y2K fixvar month = today.getMonth();var monarr = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30
2011-09-14T13:39:00Z
2011-09-14T13:39:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】脚本说明:把如下代码加入<body>区域中<SCRIPT LANGUAGE="JavaScript"><!-- Beginvar today = new Date();var now = today.getDate();var year = today.getYear();if (year < 2000) year += 1900; // Y2K fixvar month = today.getMonth();var monarr = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30 <a href="https://www.cnblogs.com/pansly/archive/2011/09/14/2176658.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/08/29/2158892.html
使用Javascript计算时间差和计算日期加天数后的日期值 - pansly
给客户演示系统回来后,用户对以前的一个系统提出了一些在界面上需要完善的建议,其中有一个是使页面中的汇报日期=填发日期+有效期.填发日期是取系统时间,汇报日期可以修改,有效期可以修改,任意改其中一个都应该能使另一个变成正确的。今天下班后不想回去呢,就在网上找相应的例子,结果都不适用,根本就没有把闰年和月份的天数考虑进去,只好自己来写了。现在把代码也贴上来,跟大家共享。//判断年份是否是闰年function isLeapYear(year){if(year%400==0){return false;}else if(year%4==0){return true;}else{return false
2011-08-29T13:45:00Z
2011-08-29T13:45:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】给客户演示系统回来后,用户对以前的一个系统提出了一些在界面上需要完善的建议,其中有一个是使页面中的汇报日期=填发日期+有效期.填发日期是取系统时间,汇报日期可以修改,有效期可以修改,任意改其中一个都应该能使另一个变成正确的。今天下班后不想回去呢,就在网上找相应的例子,结果都不适用,根本就没有把闰年和月份的天数考虑进去,只好自己来写了。现在把代码也贴上来,跟大家共享。//判断年份是否是闰年function isLeapYear(year){if(year%400==0){return false;}else if(year%4==0){return true;}else{return false <a href="https://www.cnblogs.com/pansly/archive/2011/08/29/2158892.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/08/16/2141555.html
小tip:iframe高度动态自适应 - pansly
一、前言碎碎念我从来对iframe就没有什么好感,对其基本上是不屑一顾。但是人在江湖,身不由己。经理发话,新功能使用iframe实现,没办法,只好折腾,两大烦人的东西,一是带遮罩的弹框提示,而是iframe高度问题。前一个烦人的问题使用其他形式的提示来规避,后一人扰人的问题确实没有什么经验,花了点时间折腾了下,基本上实现了效果,跨域没问题,兼容性也没问题,于是,写个小文备忘下,下次再使用的时候就到这儿拷贝核心代码。口碑UED有篇大米的“再谈iframe自适应高度”一文,可以看看,虽然貌似兼容性没有个调调。此文评论有个如下的链接地址:http://css-tricks.com/examples/
2011-08-16T13:43:00Z
2011-08-16T13:43:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】一、前言碎碎念我从来对iframe就没有什么好感,对其基本上是不屑一顾。但是人在江湖,身不由己。经理发话,新功能使用iframe实现,没办法,只好折腾,两大烦人的东西,一是带遮罩的弹框提示,而是iframe高度问题。前一个烦人的问题使用其他形式的提示来规避,后一人扰人的问题确实没有什么经验,花了点时间折腾了下,基本上实现了效果,跨域没问题,兼容性也没问题,于是,写个小文备忘下,下次再使用的时候就到这儿拷贝核心代码。口碑UED有篇大米的“再谈iframe自适应高度”一文,可以看看,虽然貌似兼容性没有个调调。此文评论有个如下的链接地址:http://css-tricks.com/examples/ <a href="https://www.cnblogs.com/pansly/archive/2011/08/16/2141555.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/08/16/2141551.html
仿新浪微博返回顶部的js实现(jQuery/MooTools) - pansly
一、引言在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮。例如:其中淘宝网的是要滚动条的滚动距离大于某一段距离才显示返回顶部按钮;人人网的返回顶部直接在底部的工具条上;新浪微博的返回顶部在滚动高度大于0的时候显示,且返回顶部的效果是平滑动画效果。本文的实现就是类似于新浪微博的这种效果。//zxx:新浪微博今天启用新域名weibo.com了二、jQuery下的返回顶部功能您可以狠狠地点击这里:jQuery下的返回顶部demo可以看到,如果页面有滚动高度,右下角就会有一个含有“返回顶部”字样的黑色背景半透明的小条条,如下图所示:点击这里“返回顶部”字样的按钮后,页
2011-08-16T13:40:00Z
2011-08-16T13:40:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】一、引言在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮。例如:其中淘宝网的是要滚动条的滚动距离大于某一段距离才显示返回顶部按钮;人人网的返回顶部直接在底部的工具条上;新浪微博的返回顶部在滚动高度大于0的时候显示,且返回顶部的效果是平滑动画效果。本文的实现就是类似于新浪微博的这种效果。//zxx:新浪微博今天启用新域名weibo.com了二、jQuery下的返回顶部功能您可以狠狠地点击这里:jQuery下的返回顶部demo可以看到,如果页面有滚动高度,右下角就会有一个含有“返回顶部”字样的黑色背景半透明的小条条,如下图所示:点击这里“返回顶部”字样的按钮后,页 <a href="https://www.cnblogs.com/pansly/archive/2011/08/16/2141551.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/pansly/archive/2011/08/16/2141542.html
jQuery-很酷的弹出层效果js插件 - pansly
先一起来看一下效果截图吧:弹出层适用性扩展性很强,可以放几乎任意的东西,页面,图片,flash,复杂的div层都可以,支持自动定时消失的功能,可以说是一款不可多得的弹出层js插件。效果演示页面(附打包下载)本文转自:http://www.zhangxinxu.com/wordpress/?p=70
2011-08-16T13:29:00Z
2011-08-16T13:29:00Z
pansly
https://www.cnblogs.com/pansly/
【摘要】先一起来看一下效果截图吧:弹出层适用性扩展性很强,可以放几乎任意的东西,页面,图片,flash,复杂的div层都可以,支持自动定时消失的功能,可以说是一款不可多得的弹出层js插件。效果演示页面(附打包下载)本文转自:http://www.zhangxinxu.com/wordpress/?p=70 <a href="https://www.cnblogs.com/pansly/archive/2011/08/16/2141542.html" target="_blank">阅读全文</a>