我的日志-幸凡学习网

css2.0实现面包屑效果2013/12/23 11:53:39

面包屑这样的我们以前都是用背景图片做这块工作，但是直到大概2个星期之前在新浪微博上看到用css3.0实现这样的面包屑但是目前情况下IE6-8并不支持css3.0 只有标准游览器(像火狐谷歌等支持)。由于有前一次总结一篇关于"CSS实现气泡框效果" 的文章其中有关于怎么样实现小三角形的列子所以感觉用那个小三角形可以正好模拟这块工作，所以也就试着做了一个。下面我们来看看面包屑大概是个什么样的效果！如下图：如上所示：思路：　　1. 页面有3个li li标签嵌套有2个标签分别模拟2个小三角形第一个就是...未完，继续阅读→

css 面包屑特效

阅读(8225)条

css2.0实现气泡框效果2013/12/23 11:07:44

前提：气泡框或者提示框是网页很常见的，实现它的方式有很多，我们以前最常用的就是切图片然后通过 "定位" 方式定位到相应的位置，但是用这种方式维护很麻烦，比如设计师想改成另外一种或者另外一种颜色那我们只有再次切图片等。下面我们来学习下使用html+css来实现这种效果！如下效果： and 我们可以来分析下：要实现这种效果无外乎就是一个矩形和一个小三角形然后三角形定位上去就可以了，那么我们怎么样通过css来制作小三角形呢？一：首先我们来看看css border属性，当我们把一个div border-c...未完，继续阅读→

css2 气泡特效

阅读(6630)条

ckeditor编辑器加+图片自动上传成功(附源代码)2013/12/21 13:46:29

以前写了一篇关于【kindeditor/ckeditor编辑器加+图片自动上传成功】的文章，发现讲的还不够详细，今天细细的来讲解一下如何使用。源代码下载地址在文章底部。（此实例功能是偷懒的程序———就是复制网络文章只要有不是本站的图片就会显示【上传】按钮，你点击【上传】后程序会自动帮你把图片存到你的服务器上）第一步：下载并安装在IIS中虚拟upload站点（注意本实例不是主目录）我设置的IIS端口是1100(http://localhost:1100/ckeditor.aspx)，然后选择你已经解压好的目录。在IIS中浏览ckeditor.aspx文件。(就可以开始复...未完，继续阅读→

ckeditor 配置上传

阅读(16932)条

js获取某元素的class里面的css属性值2013/12/20 13:28:16

用js如何获取div中css的 margin、padding、height、border等。你可能说可以直接用document.getElementById("id").style.margin获取。但是你说的只能获取直接在标签中写的style的属性，无法获取标签style外的属性（如css文件中的属性)。而下面方法则两者值都可以获取。实例效果图如下:js在获取css属性时如果标签中无style则无法直接获取css中的属性，所以需要一个方法可以做到这点。getStyle(obj,attr) 调用方法说明：obj为对像,attr为属性名必须兼容js中的写法(可以参考：JS可以控制样式的名称写法)。function getStyle(o...未完，继续阅读→

js css 属性

阅读(8683)条

bshare一键通分享报500 Internal Server Error2013/12/20 10:02:50

今天早上发布了一篇文章发现bshare一键通分享报500 Internal Server Error 的错误，我开始还以为是服务器反映慢，用firebug工具一看原来是服务器出问题了。这个社交工具应用的人很多，怎么会出这样的问题。经过多次测试现在又正常了。只是觉得这样的问题应该以后还会出现。未完，继续阅读→

bshare 服务器错误

阅读(8666)条

网页打印时设置A4大小2013/12/20 9:06:46

最近开发项目时遇到了网页打印的问题，这是问题之二，打印宽度设置在公制长度单位与屏幕分辨率进行换算时，必须用到一个DPI(Dot Per Inch)指标。经过我仔细的测试，发现了网页打印中，默认采用的是96dpi，并非传闻的72dpiA4纸张的尺寸是210×297mm，按1英寸=25.41mm换算，即8.264×11.688英寸所以，A4纸96dpi下的分辨率是794×1123，这就是我们在制作网页的时候需要的象素。但是打印机是无法满幅打印的，总要有页边距，所以我们在制作网页时候必须减去页边距。以下是我测试的各种页边距下，A4纸对应的象素尺寸：打印页边...未完，继续阅读→

打印尺寸网页

阅读(12132)条

js圣诞节雪花飘舞2013/12/17 11:57:59

圣诞节快到了，虽然不是中国人的节日但还是提前祝大家圣诞节快乐。希望你们的“圣诞老人”会给你们送礼物！今天在网上看到很多人说杭州也下雪了，好冷啊。广东这边也是阴雨天气，也开始冷了。朋友们注意保暖哦！好了言归正传，js圣诞节雪花飘舞，改变鼠标的位置可以改变风的方向。你可以试下(demo)代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml...未完，继续阅读→

js 圣诞节特效

阅读(6980)条

发现感动2013/12/16 14:27:34

在一次登山的时候，看见一对白发苍苍的老人在相互搀扶，一步步在陡峭的石阶上前行，我在想，这么大岁数了，怎么还来爬这么陡峭的山，有些好奇的我便上去问了问，我说：老爷爷你和老奶奶爬这么高的山累吗？他笑了笑说“不比你们年轻人啦，体力有些不支啊，”我又问，那您怎么还爬这么陡峭的山啊？他用和蔼的口气给我说“我们年轻的时候常常爬山，这个习惯呀一直没有变过，现在腿脚不麻利了，但是还能动，还没躺病床上之前，再和老伴儿多爬爬这山，一来锻炼身体，二来是改变不了我们俩个这个一起爬山的习惯了，我们这岁数，说不...未完，继续阅读→

感动人生心灵

阅读(8486)条

学会不在意2013/12/16 14:21:32

每个人都希望自己的每一天都开开心心、顺顺利利，可是既然是生活，就总会有那么一些小波澜、小浪花。在这种情况下，斤斤计较会让自己的日子阴暗乏味，豁达胸襟却能让每天的生活充满阳光。豁达生活，才可能有快乐人生。　　通向豁达，首先要学会不在意。不在意就是别总拿什么都当回事，别去钻牛角尖，别太要面子，别事事“较真儿”、“小心眼儿”，别把那些微不足道的鸡毛蒜皮的小事放在心上；别为一点小事而着急上火，动不动就大喊大叫，以致因小失大，后悔莫及；别那么多疑敏感，总是曲解别人的意思；别夸大事实，制造假想敌...未完，继续阅读→

人生在意美文

阅读(9672)条

网页前端设计师们编写css的利器Less入门教程2013/12/14 9:36:57

如果你了解过Less，并对之很熟悉，就不用往下看了。如果你没用过，恭喜，这是一个入门级的教程，学会了它，可以为你节省10%的绳命。首先，我们得知道Less能干什么。如：@width:300px;@fonts:12px bold "宋体,Verdana";.block-header{ color:#5c5c5c; .elem-title{ font:@fonts; width:@width; } .elem-content{ width:@width; height:300px; }}.block-footer{ font:@fonts; width:@width + 100px;}最后编译出来的css是这样的：.block-header { color: #5c5c5c;}.blo...未完，继续阅读→

css less 编辑

阅读(7452)条

PoshyTip jQuery 文本提示插件的使用2013/12/13 14:09:04

PoshyTip 是JQuery中一款文本提示插件，在html页面使用相当方便，插件内包含了很多外观样式(包括自定义内容及样式)，可以作为FormTooltips使用。插件包下载地址：http://vadikom.com/files/?file=poshytip/poshytip-1.2.zipPoshyTip Demo地址：http://vadikom.com/demos/poshytip/下载好插件包后，解压可看到目录中有自定义样式，我们把这些样式引入页面中就可以使用了，如图第一步：将整个文件夹引入到你的js文件夹内（个人觉得不需要这么多，你需要哪个样式就引入哪个，但是有两个主文件必须引入，下一步再说）；第二步：在html页面引...未完，继续阅读→

jq tip 提示

阅读(8431)条

给JavaScript初学者的24条最佳实践2013/12/12 15:23:27

我们将回顾JavaScript的知识！如果你看完了下面的内容，请务必让我们知道你掌握的小技巧！1.使用 === 代替 ==JavaScript 使用2种不同的等值运算符：===|!== 和 ==|!=，在比较操作中使用前者是最佳实践。“如果两边的操作数具有相同的类型和值，===返回true，!==返回false。”——JavaScript：语言精粹然而，当使用==和！=时，你可能会遇到类型不同的情况，这种情况下，操作数的类型会被强制转换成一样的再做比较，这可能不是你想要的结果。2.Eval=邪恶起初不太熟悉时，“eval”让我们能够访问JavaScript...未完，继续阅读→

js 建议

阅读(5958)条

css3制作163邮箱tab特效2013/12/12 15:11:17

今天看到163邮箱的导航菜单tab效果不错就用CSS3来做了一下类似的效果。当作css+div学习了效果如下图:完整源代码如下：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <title>163邮箱tab</title> <style type="text/css"> *{ margin: 0px; padding: 0px; } .dvTab { font-family: 'Microsoft Yahei',verdana; font-size:14px...未完，继续阅读→

css3 tab 特效

阅读(6797)条

10个实用的 CSS3 按钮效果制作教程2013/12/12 15:03:41

人们往往喜欢那些有更多互动元素的网站，因此现在很多设计师专注于他们的 CSS3 技能。这是因为 CSS3 技能可以帮助他们在很大的程度上实现所需的吸引力。这里分享的10个优秀的 CSS3 按钮效果制作教程，你可以学习这些技术并使用它们为您的作品创造更多的乐趣。CSS3 Buttons( 在线演示 | 立即下载 ) Zardi Pack of CSS3 Buttons( 在线演示 | 立即下载 ) Download Me!( 在线演示 | 立即下载 ) Animated Sliding Menu With CSS3( 在线演示&n...未完，继续阅读→

css3 按钮教程

阅读(7038)条

js图片未加载完显示loading效果2013/12/4 16:45:29

为了图片有个友好的显示效果,未加载之前显示loading，加载完成才显示图片，如果找不到图片则显示加载失败failed。效果图如下：<html><title>js图片未加载完显示loading效果</title><body><style>img{float:left;width:200px;height:200px;margin:0 10px 10px 0}</style><script>//判断浏览器var Browser=new Object();Browser.userAgent=window.navigator.userAgent.toLowerCase();Browser.ie=/msie/.test(Browser.userAgent);Browser.Moz=/gecko/.test(Browser.userAgent);//...未完，继续阅读→

js 图片 loading

阅读(26115)条

ajax获取客户端ip及城市地址2013/12/4 15:01:52

最近做的一个反馈的效果中有一个是 js判断浏览器类型版本及系统类型现在准备加一个IP及城市所在直一并写入数据库。这样查看起来更方便了解用户所处的环境。效果如下图：好了，贴代码吧！代码比较简单。如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>ajax获取客户端ip及城市地址</title> <script...未完，继续阅读→

js 城市 ip

阅读(13116)条

用3D打印技术一座房屋20小时完成2013/11/30 11:26:38

　　关于 3D 打印，有人用来打印小玩意，而有的人用来打印人体器官，甚至枪支。当我们都在期盼有这么一天，3D 打印技术将普及每一个家庭的时候，有人已经想得更远。　　南加州大学工业系统工程学教授 Berokh Khoshnevis 和他的团队已花费了十年的时间，研究如何将 3D 打印应用在房屋建造上。这是一个庞大的 3D 打印工程，将一间经过电脑设计好的房子直接打印出来，除了混凝土外墙，连房屋中的电线、水管等一切都已经就绪。　　目前人类除了面临解决饥饿，让所有人有瓦遮头也是最根本的需要之一。但即使到了二十一世纪，目前仍然有十亿人生活在...未完，继续阅读→

3d 科技

阅读(8320)条

手机360影视大全 APP 自动安装?百度手机助手就一垃圾2013/11/30 9:28:20

最近发现手机360影视大全 APP 自动安装，奇怪了，上个星期就发现了有这个问题，今天开了流量看新闻的时候，发现手机自动下载了 360影视大全的APP并且自动安装了，不知道是什么问题。但这也太恶劣了，凭什么自动安装一个我不喜欢的APP。我就度娘了一下360 电影大全 app为什么自动安装百度对360的警告提示：我手机就装了一个百度手机助手。还有一个360手机助手。这不是逼我删除助手吗？莫名其妙的事。还请大家如果告知是什么情况！谢谢试验进行中，我先把360手机助手删除了，我再看接下来的时间会不会自动安装APP了，如果还有这种...未完，继续阅读→

app 手机

阅读(17076)条

nicescroll 漂亮的自定义滚动条插件2013/11/28 10:35:20

Nicescroll 是一个 jquery 插件，用非常类似 ios/移动样式不错滚动条。文章最后附DEMO可以直接运行。本网站已经使用了这种滚动条特效！现在还支持水平滚动条！容易使用解决方案有桌面、平板电脑和电话设备自定义滚动条车型。它支持 Div、 Iframe、文本区域、和文档页 (身体) 滚动条。兼容性一览与所有的桌面浏览器兼容：火狐 4 +，Chrome 5 + Safari 4 + (win/mac)，Opera 10 + IE 6+。（所有 A 级浏览器)与移动设备兼容： iPad Iphone、 Android 2.2 +，黑莓手机与 Playbook （WebWorks/表 OS）、 Windows Phone 7.5 芒果和 Windows P...未完，继续阅读→

js 滚动条插件

阅读(22914)条

js判断浏览器类型版本及系统类型2013/11/26 16:13:21

前几天做了一个反馈的效果。就是页面播放不了时通过用户去反馈，需要获取用户的显示器类型及系统环境。这样就可以在后台看到什么样的环境下看不了。当然网上找了很多，发现有一个方法特别好。效果如下图：方法如下：var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this...未完，继续阅读→

js 浏览器环境

阅读(7181)条

当前第 12 页 / 共 41 页总共808条记录

9 10 111213 14 15

网页前端设计

搜索文章

文章热门排行随机文章推荐文章

网页前端设计

搜索文章

文章热门排行随机文章推荐文章

热门标签