文章分类 -  前端设计

1 2 3 下一页
ComboTree增加本地模糊查询功能
摘要：//combotree可编辑，自定义模糊查询 $.fn.combotree.defaults.editable = true; $.extend($.fn.combotree.defaults.keyHandler,{ up:function(){ console.log('up'); }... 阅读全文
posted @ 2015-03-13 15:47 山顶的鱼 阅读(1986) 评论(0) 推荐(0)
jQuery 分类导航菜单条点击变色
摘要：JQuery 分类导航菜单条点击变色，当点击导航菜单则当前点击选中导航菜单变色其它还原，依次类推。 网站主页 分类目录 文章归档 关于本站 阅读全文
posted @ 2014-09-09 17:02 山顶的鱼 阅读(347) 评论(0) 推荐(0)
Bootstrap3.0入门学习系列规划
摘要：前言 首先在此多谢博友们在前几篇博文当中给与的支持和鼓励，以及在回复中提出的问题、意见和看法。 在此先声明一下，之前在下小菜所有的随笔文章中，只有前两篇关于Bootstrap的文章发表在了博客园的首页，对于发布的这两篇文章的感受就 是：大家的参与度比之前的高很多。当然也不是说看到自己的文章发布在... 阅读全文
posted @ 2014-09-02 00:36 山顶的鱼 阅读(132) 评论(0) 推荐(0)
用JS获取地址栏参数的方法（超级简单）【转】
摘要：http://www.cnblogs.com/fishtreeyu/archive/2011/02/27/1966178.html用JS获取地址栏参数的方法（超级简单）方法一：采用正则表达式获取地址栏参数：（强烈推荐，既实用又方便！）function GetQueryString(name){var... 阅读全文
posted @ 2014-08-22 12:03 山顶的鱼 阅读(144) 评论(0) 推荐(0)
分享一个HTML5在线作图工具–Processon
摘要：HTML5在线作图工具Processon 分析CSDN的蒋涛不久前在微博上评价说ProcessOn是web版的visio，出于好奇私下对ProcessOn进行了一番研究。最后发现无论是在用户体验上，还是在技术上，ProcessOn都比微软的Visio要好很多。下面就来简单介绍一下这款基于HTML5开发的作图工具。作图工具操作界面ProcessOn在UI设计上跟谷歌docs很相似，简约而不简单，很大程度上适应谷歌的用户习惯，操作几下之后给人的感觉是一个方便易用、高效的在线作图工具，核心技术采用HTML5 canvas 绘图技术，用它可以制作多种图，例如：Flowchart流程图，BPMN图，Or 阅读全文
posted @ 2013-12-28 21:53 山顶的鱼 阅读(1441) 评论(1) 推荐(1)
JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动
摘要：JS网页图片查看器－可控制图片放大缩小还原移动效果 阅读全文
posted @ 2013-12-17 19:56 山顶的鱼 阅读(268) 评论(0) 推荐(0)
CSS中选择器的级别
摘要：问题解决不了的可以私下再问我1.css选择符的应用：一般要写css不是要先定义id或者class才能用么，其实定义了id或者class的元素可以后面跟后代标签的，比如， xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx这样的结构,div下面的各个元素可以用#test p#test span#test a这样的方式来定义，和写class是一样的，还省得给各个元素起名字了，很方便2.css的级别：css的级别关系挺多的，简单的说几个行内样式 > 用id定义的样式 > 用class定义的样式什么意思呢，就是比如下满这个xxxxxxxxxxxxxx最 阅读全文
posted @ 2013-12-17 12:54 山顶的鱼 阅读(228) 评论(0) 推荐(0)
JQuery实现鼠标移上弹出提示框，移出消失
摘要：//页面加载完成$(function () { var x = 10; var y = 20; //设置提示框相对于偏移位置，防止遮挡鼠标 $(".prompt").hover(function (e) { //鼠标移上事件 this.myTitle = this.title; //把title的赋给自定义属性 myTilte ，屏蔽自带提示 this.title = ""; var tooltipHtml = "" + this.myTitle + ""; //创建提示框 $("body"). 阅读全文
posted @ 2013-12-14 20:35 山顶的鱼 阅读(970) 评论(0) 推荐(0)
jquery插件——弹出层(Tipswindown)
摘要：http://www.easy234.com/XYTipsWindow/http://leotheme.cn/wp-content/uploads/dev/module/Dialog/tipswindow是一个很一般的JQuery弹出层插件，但使用简单，有相对漂亮的外观，代码比较通俗。下面介绍使用方法：1、首先引入该插件相关文件，分别是样式，JQuery库，该插件2、修改tipswindow.css文件中图片的路径，默认与css文件在同一个目录下。3、编写代码，如在图片上设置单击事件后放大显示图片：其它用法网友总结如下：1.弹出文本信息提示：tipsWindown("提示" 阅读全文
posted @ 2013-12-06 14:40 山顶的鱼 阅读(469) 评论(0) 推荐(0)
超过 25 个极好的响应菜单解决方案
摘要：关于响应式的网站设计讨论越来越火热，以至于人们总是质问你为何不使用响应式的方法来设计你的网页。而响应式设计最难的一部分是创建导航菜单，支持大的屏幕和小的屏幕，支持包括电脑浏览器、平板电脑和手机上浏览。尽管很难，但已经有一些网站很好的解决了这个问题，并使得网站的设计美观、简洁，而且导航完好无损。下面是向你推荐的 25 个极好的响应菜单设计案例：AbletonBretzel et BredeleAdaptive PathJan FinnesandNot ComplexAndre MauriceUnited Pixel WorkersOliver RussellHicksdesignDesign M 阅读全文
posted @ 2013-11-21 16:52 山顶的鱼 阅读(214) 评论(0) 推荐(0)
图片延迟加载
摘要：http://www.cnblogs.com/cloudgamer/archive/2010/02/01/LazyLoad.html可以使用git中的lazyload 阅读全文
posted @ 2013-11-03 20:37 山顶的鱼 阅读(90) 评论(0) 推荐(0)
滚动条的处理办法
摘要：由于系统默认滚动条的样式过于单调，许多时候我们需要自己定义滚动条，这里有几个处理办法：第一个：通过Scroll，滚动条的样式，这里可以参考文章：IE下的滚动条样式IE是最早提供滚动条的样式支持，嗯，好多年了，但是其它浏览器一直没有支持，IE独孤求败了。这些样式规则很简单：scrollbar-arrow-color: color; /*三角箭头的颜色*/scrollbar-face-color: color; /*立体滚动条的颜色（包括箭头部分的背景色）*/scrollbar-3dlight-color: color; /*立体滚动条亮边的颜色*/scrollbar-highlight-colo 阅读全文
posted @ 2013-11-03 19:56 山顶的鱼 阅读(291) 评论(0) 推荐(0)
分享15个专业且免费的HTML5模板
摘要：在这里分享给大家精心挑选的15个HTML5网站模板，这些模板涉及商业、投资、简历、画廊、艺术、慈善、房地产，以及食品等等方面。1. Zeni – Responsive HTML5 Portfolio TemplateDemo Download2. Torn – HTML5 Template 5 SkinsDemo Download3. Folder – Responsive Showcase TemplateDemo Download4. Modus – Responsive HTML5 TemplateDemo Download5. Connoisseur – Cuisine/Fin... 阅读全文
posted @ 2013-11-02 00:49 山顶的鱼 阅读(201) 评论(0) 推荐(0)
DIV模拟滚动条
摘要：无标题文档 阅读全文
posted @ 2013-11-02 00:39 山顶的鱼 阅读(135) 评论(0) 推荐(0)
用css自定义滚动条样式
摘要：如果你是一个搞网页前端的，有必要了解一下自定义滚动条样式这个东东。目前支持自定义滚动条样式的有IE浏览器、webkit内核浏览器（chrome）。IE下的滚动条样式1、样式规则scrollbar-arrow-color:color;/*上下按钮上三角箭头的颜色*/scrollbar-face-color:color;/*滚动条凸出部分的颜色*/scrollbar-3dlight-color:color;/*滚动条亮边的颜色*/scrollbar-highlight-color:color;/*滚动条空白部分的颜色*/scrollbar-shadow-color:color;/*滚动条阴影的颜色 阅读全文
posted @ 2013-11-02 00:36 山顶的鱼 阅读(346) 评论(0) 推荐(0)
雅虎web前端优化34条规则
摘要：1、尽量减少HTTP请求次数 终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。合并文件是通过把所有的脚本放到一个文件中来减少HTTP请求的方法，如可以简单地把所有的CSS文件都放入一个样式表中。当脚本或者样式表在不同页面中使用时需要做不同的修改，这可能会相对麻烦点，但即便如此也要把这个 阅读全文
posted @ 2013-11-01 01:00 山顶的鱼 阅读(261) 评论(0) 推荐(0)
加速Web开发的9款知名HTML5框架
摘要：与手工编码比起来，HTML5框架在准确性和正确率方面给予了保证。大多数HTML5框架都会有一个组合或者包含一些额外的组件，比如jQuery Scripts。CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主。 如果你有一个根据固定流程进行的特定项目，为了保证项目刚开始就能有较高的正确率，那么你可以利用HTML5框架来提升整个开发过程，并且让网站拥有一致性结构。 伴随着智能手机正在席卷整个移动市场，在移动设备上开发出兼容性高的网站已变的非常重要，相信所有的网站所有者都希望自己的网站能够兼容所有的智能手机平台，HTML5框架可以轻松解决这种跨平台问题。 如果你是一名Web设计师... 阅读全文
posted @ 2013-10-24 16:19 山顶的鱼 阅读(116) 评论(0) 推荐(0)
16款加速编码的HTML5在线工具
摘要：HTML5是目前最为流行的语言之一，大受开发者和设计师们的青睐。HTML5有许多属性，包括支持现代主流浏览器（Firefox 6、Google Chrome、IE9等）、特定结构标签、视觉元素比如内置的圆角元素，拖拽、新的视频、音频以及Canvas元素等等。 在这篇文章中我们收集了16款HTML5在线工具，以简化并加快您的编码速度。 1.Mockups Moqups是一款完美的HTML5 App，用于创建线框、模型或UI、原型。有了它让工作变得更简单且直观，因此，你可以充分发挥自己的创造力，无任何障碍。 2. Stitches Stitches一款HTML5版网页生成器。你只需简单拖... 阅读全文
posted @ 2013-10-24 09:37 山顶的鱼 阅读(173) 评论(0) 推荐(0)
HTML5 面试中最常问到的 10 个问题
摘要：1. HTML5 新的 DocType 和 Charset 是什么？ HTML5 现在已经不是 SGML 的子集，DocType 简化为： HTML 5 指定 UTF-8 编码的方式如下： 2. 如何在 HTML5 页面中嵌入音频？ HTML 5 包含嵌入音频文件的标准方式，支持的格式包括 MP3、Wav 和 Ogg： Your browser does'nt support audio embedding feature. 3. 如何在 HTML5 页面中嵌入视频？ 和音频一样，HTML5 定义了嵌入视频的标准方法，支持的格式包括：MP4、WebM... 阅读全文
posted @ 2013-10-24 08:22 山顶的鱼 阅读(236) 评论(0) 推荐(0)
7个效果震憾的HTML5应用组件
摘要：1、HTML5实时动态数据图表 HTML5实时动态数据图表，这是一款基于HTML5技术的网页图表插件，该图表插件功能十分强大，支持区域范围选择、鼠标拖动自定义区域、显示坐标点数据等功能。 在线演示 / 图表下载　2、jQuery/CSS3水平图片悬停效果 这是一款基于jQuery和CSS3的图片悬浮特效，鼠标滑过图片后，图片将悬浮突出显示，并且，整个图片相册是自定义滚动条，非常漂亮，支持滚轮。 素材演示 / 素材下载　3、jQuery书本翻页动画效果 这是一款基于jQuery的书本翻页特效，这款翻页插件非常适合你应用在在线阅读上，这个翻页插件可以让用户有真实的阅读感觉。 素材演示... 阅读全文
posted @ 2013-10-24 08:20 山顶的鱼 阅读(147) 评论(0) 推荐(0)

1 2 3 下一页