文章分类:前端开发

260 阅读 2 评论

最最最传统的幻灯片插件

依稀记得上次也开发了一个幻灯片插件,然后用着用着觉得bug也不少,果断丢弃之。

这次发一个网上最最最常见的幻灯片款式,很多大型网址都用这种样式喔。

演示地址:http://www.travisup.com/demo/plugins/tslide/demo.html

效果如下:

演示图片

阅读全文...

579 阅读 0 评论

Https包含不安全内容问题-服务端定位

前几天项目一直在ie6 下一直报安全问题。一直没时间改,今天定位了一下,发现是如此的坑爹。

网站首页由于涉及到上传文件的问题,采用的是https传输协议,对安全性的要求比较严格。在ie6下。如下图所示:

每次加载的时候都会弹出这个框框,烦不胜烦,还会吓跑一堆用户,鉴于ie6在国内还是挺坚挺的,所以问题还是挺严重的。

阅读全文...

1224 阅读 1 评论

HTML5语音输入(webkit)

这个语音输入,在andorid上已经早早有啦。以至于在淘宝发现,就兴致匆匆的想要加进自己的博客。经过一番苦苦寻找,才发现代码就那么一小段。

只需要在input添加属性x-webkit-speech即可,如:

<input type="text" x-webkit-speech />

这样搜索框的就多了一个小话筒,点击就可以使用谷歌的云语音输入啦。

谷歌云语音输入

我自己的在我的手机上用的时候感觉识别率挺高的,也是变相说明我普通话很准哈。

阅读全文...

961 阅读 0 评论

网页文字换行属性解读

原作者丢失,不知道转自哪里,自收藏用。

在div中,文本布局经常出现,换行混乱的情况。

问题表现:

  1. 如果是全英文字符串,中间不包含任何符号(包括空格),不自动换行。
  2. 中英文混写,则在英文字符串的开始处换行(英文长度>div长度),结尾处不换行。
  3. 英文整个单词换行。等等,可能还有一些问题,这里只列出了常见的几个。

介绍上面几个css属性功能的简单用法:

word-wrap:normal | break-word; (内容换行)

normal: 默认的属性值.(允许内容顶开指定的容器边界).

break-word: 内容将在边界内换行(不截断英文单词换行,截断英文单词下面的属性才具备这个功能。)

阅读全文...

551 阅读 0 评论

个人喜欢的后台界面

无意上网看到一个漂亮的后台系统界面,就参考一下自己做了一个,也做了一些改进和IE6兼容,准备给你自己用哈。

现在放出来把,Demo链接:

登录界面 http://www.travisup.com/demo/themes/admin/login.html

管理界面 http://www.travisup.com/demo/themes/admin/index.html

阅读全文...