
web页面设计
GoodShot
这个作者很懒,什么都没留下…
展开
-
ExtJS,JQuery,Dojo的小比较
这几个都是JS库里几个有名帮派,以前用过Dojo,现在用ExtJS,JQuery没有真用过,只是看了下官网上的文档。ExtJS: 首先是那个API docoment做得特别好,已经实现的组件几乎无所不包,把例子改改几天就可以出来个像模像样的界面。ExtJS的编程理念有点类似Swing或类似的东东,就是摒弃html自身的那些布局(通过renderTo之类的用法也可以指定到html文件的d转载 2012-11-14 19:09:32 · 3984 阅读 · 0 评论 -
JS实现鼠标点击展开/隐藏表格行
JS实现鼠标点击展开/隐藏表格行_网页代码站(www.webdm.cn)>function TestBlack(TagName){ var obj = document.getElementById(TagName); if(obj.style.display==""){ obj.style.display = "none"; }else{ obj.style.di转载 2012-11-22 00:25:59 · 5226 阅读 · 0 评论 -
jQuery模板和数据绑定
如果你用过ASP.NET的数据绑定控件,也用过ASP或者JSP里那种通过输出HTML元素在页面上显示数据的方法,你就知道ASP.NET数据绑定控件有多么方便。如果能够将同样的功能在浏览器端用HTML和JavaScript实现,那该是多少美妙的事情。好消息来了,微软开发出了这样的框架,这是对jQuery的一个扩展,从此以后要在浏览器上动态显示服务器端Web Service返回的数据将变得如同用服务器转载 2012-11-22 12:03:23 · 1099 阅读 · 0 评论 -
Slideshow:图片自动播放控件
http://www.open-open.com/Slideshow.htm原创 2012-12-07 10:52:00 · 1026 阅读 · 0 评论 -
八款JS框架介绍及比较
Dojo Dojo 是目前最为强大的JS框架,它在自己的 Wiki 上给自己下了一个定义,Dojo 是一个用 JavaScript 编写的开源的DHTML工具箱。Dojo 很想做一个“大一统”的工具箱,不仅仅是浏览器层面的,野心还是很大的。Dojo 包括 Ajax、Browser、Event、Widget 等跨浏览器 API,包括了 JS 本身的语言扩展,以及各个方面的工具类库,和比较转载 2012-11-14 19:08:55 · 1804 阅读 · 0 评论 -
几款JS框架的比较
几款JS框架的比较(转)文章转自:http://hi.baidu.com/jie51886/blog/item/9d08b454b6504252d1090631.html 最近一段时间在关注js框架问题。搜索一番结果如下:目前主流js框架(我也称之为js第三方库)jQuery,Mootools,Dojo,Ext JS,prototype,yahoo ui等等,下面有一个使用量的调转载 2012-11-14 19:10:14 · 1290 阅读 · 0 评论 -
javascript框架比较(四)
最后,让我们看看 Prototype 中的请求是否具有显着的不同(请看清单 13)。清单 13. 一个 Prototype Ajax 请求new Ajax.Request('server-script.php', { params: { name1: 'value1', name2: 'value2' }, method: 'post',转载 2012-07-29 09:34:46 · 1402 阅读 · 0 评论 -
可展开和收缩的表格
td { font-size: 12px; line-height: 150%}-->function hve_display(t_id,i_id){//显示隐藏程序var t_id;//表格IDvar i_id;//图片IDvar on_img="/img/arrow_down.gif";//打开时图片var off_img="/img/arrow_down.转载 2012-11-22 00:23:51 · 5387 阅读 · 1 评论 -
基于jQuery焦点图片新闻代码(JS+CSS)
基于jQuery技术的实用用代码。 电信下载点网通下载点转载 2012-11-22 12:15:32 · 1128 阅读 · 0 评论 -
Ajax/JavaScript脚本大全,JS脚本大全
栏目导航Java开源OPEN文档OPEN搜索OPEN家园OPEN资讯OPEN论坛AAccordionAutoCompleteAnimationCCalendarChartsCornersCropperCanvasCarouselColorDDragDropDatePickerDhtmlGoodiesDocumentationEEditorEffectsExtJsFFormsFrameworkGGa原创 2012-08-22 09:34:43 · 1222 阅读 · 0 评论 -
JS动画展开收缩显示层(IE6/ff2) .
JS动画展开收缩显示层* { margin:0; padding:0;}body { text-align:center; font:75% Verdana, Arial, Helvetica, sans-serif;}h1 { font:125% Arial, Helvetica, sans-serif; text-align:left; font-weight:bolder;转载 2012-11-22 00:19:49 · 1151 阅读 · 0 评论 -
如何在Web用户控件中引用样式表中的样式
如何在Web用户控件中引用样式表中的样式 EnableTheming="True",加上这个,CSS就可以起作用了转载 2012-09-15 01:59:52 · 2417 阅读 · 0 评论 -
240多个jQuey插件
“jQuery 是继 prototype 之后又一个优秀的 Javascrīpt 框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的,它兼容 CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery 是一个快速的,简洁转载 2012-11-14 19:11:26 · 1795 阅读 · 1 评论 -
剪切上传图片源码
在交友类网站经常见到以上这种制作上传头像的效果,在网上找了个js剪切效果,现加上上传完善了一下。整体源码下载 客户端js不能操作文件,所以只能先上传图片再在服务器端剪切。1、上传图片2、js剪切图片(其实只是选取要剪切的部分)3、服务器端剪切 (1)在页面的cs文件中剪切。须放几个隐藏控件以便回传js选取的坐标。其中剪切图片源转载 2013-02-22 12:15:17 · 1101 阅读 · 0 评论 -
JQuery上传插件Uploadify详解及其中文按钮解决方案
网上找了一天,大家都说Uploadify唯一的缺点就是不支持中文按钮,杯具之前,我看了下Uploadify的API,才发现了几个参数没被大家提及的,这正是解决此问题的关键。(以后坚决养成没事就看API的习惯) Uploadify有一个参数是 buttonText 这个无论你怎么改都不支持中文,因为插件在js里用了一个转码方法把这个参数的值转过码了,解码的地方在那个swf文件里,看不到代码转载 2012-12-12 16:36:45 · 858 阅读 · 0 评论 -
javascript框架比较(三)
实用函数 很多 JavaScript 框架提供了大量实用函数,可使 JavaScript 开发变得很容易。由于这些函数非常多,因此本文无法一一介绍。我将只讨论大多数框架都具备的一些比较重要的函数。 如果您曾经使用 JavaScript 处理过数组,你应该熟悉使用 for 循环来遍历数组以处理数组值。例如,看一下清单 2 的代码:清单 2. 遍历 JavaScript 数组的传统方法转载 2012-07-29 09:34:17 · 1320 阅读 · 0 评论 -
javascript框架比较(二)
DOM 遍历 根据 ID、元素类型或 CSS 类名查找元素非常有用,但如何根据元素在 DOM 树中的位置执行查找呢?换而言之,根据一个给定的元素查找其父元素、子元素、前一个或后一个兄弟元素。例如,看一下清单 1 的 HTML 片段。清单 1. HTML 片段(一个 HTML 表) Name Email Address转载 2012-07-29 09:32:44 · 953 阅读 · 0 评论 -
javascript框架比较(一)
JavaScript 是面向对象的脚本语言,长期以来用作 Web 浏览器应用程序的客户端脚本接口。JavaScript 让 Web 开发人员能以编程方式处理 Web 页面上的对象,并提供了一个能够动态操作这些对象的平台。在最初引入 JavaScript 时,通常只用于提供 Web 页面上的一些不重要的特性,如时钟功能和浏览器状态栏中的滚动文本等。另一个常见的特性是 “rollover link”,转载 2012-07-29 09:14:40 · 818 阅读 · 0 评论 -
代码简洁的上方滑动门(选项卡tab)jquery插件可重复使用,淡入淡出效果(用)
代码简洁的滑动门(tab)jquery插件调用方法:"#tabs",".tab_con" 这里的#tabs是jquery选项卡的链接按钮的外层ID,.tab_con是要显示的的内容类名。只要注意这两个地方调用就不会错。一个页面可以多次使用。代码简洁的滑动门(tab)jquery插件 - 懒人建站body,ul,li{margin: 0;padding: 0;font: 12p原创 2012-08-13 09:00:05 · 3593 阅读 · 1 评论 -
Editor:实用的在线编辑器(WYSIWYG Editor)
栏目导航Java开源OPEN文档OPEN搜索OPEN家园OPEN资讯提交开源项目AAccordionAutoCompleteAnimationCCalendarChartsCornersCropperCanvasCarouselColorDDragDropDatePickerDhtmlGoodiesDocumentationEEditorEffectsExtJsFFormsFrameworkGGa原创 2012-08-22 09:40:11 · 2965 阅读 · 0 评论 -
布局网页表格要求其列平均分布的简单操作
使用word,添加要求的table,对其设置“表格”-》“自动调整”-》“平均分布行(列)”,然后将其粘帖到网页制作页面即可(毕竟也是html代码)原创 2013-03-09 13:16:41 · 3910 阅读 · 1 评论 -
将下载都是大写字母的网页里面的html转换为小写的简单方式
下载一些网页,发现里面的html都是大写,想变成小写,可借用“word”中的格式”->“更改大小写”->"切换大小写"来完成原创 2013-03-09 13:12:39 · 1947 阅读 · 0 评论 -
史上最全的CSS hack方式一览(鉴)
做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验。可是啊,现实太残酷,浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协,虽然这只是个别情况。今天,结合自己的经转载 2015-03-16 17:29:47 · 112872 阅读 · 0 评论 -
浏览器兼容之JavaScript篇——已在IE、FF、Chrome测试
在浏览器兼容性问题解决方法,已在IE、FF、Chrome测试中,已经对关于CSS的一些兼容性问题进行了总结,后来自己又整理了一些关于JS的兼容性问题,现在分享给大家。1)ChildNodes问题: IE7、IE8正常,IE9、IE10、chrome、FF的 childNodes 中会插入空白文本节点解决: 可以通过document.getElem转载 2015-03-16 18:05:13 · 1226 阅读 · 0 评论 -
[译] 关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)
当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。比如,可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者,如果需要更复杂的排版要求,可以考略使用其他方法,比如使用相对定位和绝对定位。在这篇文章中,我们首先要讨论元素浮动;然后,我们要讨论如何使用x,y和z轴控制元素的位置。 元素浮动当构建一个页面的排版时,使用元素浮转载 2015-03-17 21:04:00 · 26579 阅读 · 1 评论 -
float position的测试案例
float position的测试案例原创 2015-03-18 11:47:54 · 2068 阅读 · 0 评论 -
CSS 类选择器详解——CSS 多类选择器
类选择器允许以一种独立于文档元素的方式来指定样式。CSS 类选择器类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用,也可以与其他元素结合使用。提示:只有适当地标记文档后,才能使用这些选择器,所以使用这两种选择器通常需要先做一些构想和计划。要应用样式而不考虑具体设计的元素,最常用的方法就是使用类选择器。修改 HTML 代码在使用类选择器之前,转载 2014-12-23 22:59:44 · 2220 阅读 · 0 评论 -
CSS hack技巧大全 案例演示
part1 —— 浏览器测试仪器,测试您现在使用的浏览器类型IE6 IE7 IE8 Firefox Opera Safari (Chrome) IE6 IE7 IE8 Firefox Opera Safari (转载 2015-03-16 18:13:10 · 1287 阅读 · 1 评论 -
浏览器兼容性问题解决方案之CSS——已在IE、FF、Chrome测试
在浏览器兼容之JavaScript篇——已在IE、FF、Chrome测试和浏览器兼容性问题解决方法,已在IE、FF、Chrome测试中已经对浏览器中存在的CSS的兼容性和JS的兼容性进行了简单说明,现在继续对浏览器中存在的CSS的兼容性问题进行简单说明。1)列表不能换行的问题问题: li设置为浮动,后面的li紧随其后,不能换行解决:转载 2015-03-16 17:58:37 · 1429 阅读 · 0 评论 -
DIV CSS在不同IE版本和FF以及Chrome中的兼容性差异解决方法(推荐)
一些内容比之前为了方便自己查询,省得每次遇到问题都要满世界搜,转篇实用的:DIV+CSS 与不同 IE 版本等的兼容性。一、!important (功能有限)随着 IE7 对 !important 的支持, !important 方法现在只针对 IE6 的兼容。(注意写法,记得该声明位置需要提前。)例如:#example {width: 100px !important; /*转载 2015-03-17 11:36:23 · 3917 阅读 · 0 评论 -
ie678,FF,chrome的css兼容性
css的兼容性一般都是前端初学者面临的一个头疼的问题,难免写出来的css在各个浏览器下的效果均有不同,于是乎各种css hack写法出来了,其实在一个规范的项目开发中,css hack都是提倡能不用则尽量不用,因为产生兼容性问题的时候很多情况是写法不规范引起的,但也确实存在一些浏览器本身的bug,特别是万恶的IE。 小知识:什么是CSS hack? 由于不同的浏览器,比如IE6转载 2015-03-16 18:05:53 · 2281 阅读 · 0 评论 -
常见web前台技术之间的关系html,css,javascript...
在网上浏览到这篇博客本来想自己总结但是发现人家写的已经想当好了,让我想精简也无法精简那就挑选我认为重点的东西赋值粘贴 过来如果你是一个Web开发初学者,那么你难免会在网上搜索HTML, CSS, XML, JS(Javascript), DOM, XSL等等这些词的意思,然而,随着学习的深入。当你把他们搅在一起,你又糊涂了,你会不停的问,HTML是什么?CSS是什么?XML是什么?JS是什么?转载 2013-08-16 10:43:06 · 2536 阅读 · 0 评论 -
extjs jquery使用场合
extjs可以省下你大量做界面的时间,而且几乎不用怎么写代码,使用ext大部分时间都是学习怎么使用它的api,就算你不怎么熟练js,你都可以像用java一样来使用它.但是如果你想要修改ext的代码或者实现,你基本上无从下手.就像一般的程序员也根本改不动java的源代码一样. jquery则不太相同,它很精巧,核心+插件式的开发应用.你不需要去动核心,你需要的功能,你可以通过插件来完成,如果转载 2013-05-06 16:08:29 · 1089 阅读 · 0 评论 -
一个搜集大量网页特效的网站
一个搜集大量网页特效的网站:http://www.jsfoot.com/jquery/images/gg/首页 > jquery特效 > jquery图片特效 > jquery幻灯片jquery 特效jquery图片特效·jquery图片切换·jquery幻灯片·jquery图片滚动·jquery图片放大镜·jquery广告代码·jque原创 2013-04-03 10:58:31 · 1142 阅读 · 0 评论 -
网页中播放FLV文件的代码
使用方法:方法一、js嵌入直接copy下面代码,修改其中红色部分,即:swf_width、swf_height、texts、files 参数var swf_width=240var swf_height=240var texts=’幸福的脚丫预告片’var files=’http://www.ruochi.com/product/vcastr转载 2013-03-27 14:53:27 · 1210 阅读 · 0 评论 -
如何通过图片识别用的什么字体?
在工作中,我经常会碰到一些客户发来的图片稿件中包含了一些英文艺术字体,而且我的电脑中通常都没有安装这些过字体,甚至连这些字体的名字都不知道。所以,我一直在想可以利用什么方法,通过图片来找出这些字体的名称,这样的话就好办事多了。 而前两天终于得知一个方法可以解决此问题的方法,那就是利用知名的字体网站myFonts提供的What The Font功能,但该方法有个缺点,那就是仅限于查找英文字原创 2013-03-28 11:39:32 · 8315 阅读 · 0 评论 -
WhatFont——Google Chrome字体识别扩展
WhatFont是一款可识别网页字体的google chrome扩展,如果你不懂网页代码,那你大可不必使用开发者扩展去查看网页源代码来获取网页字体信息。安装WhatFont后,你只需将鼠标移到网页文字位置即可自动显示字体信息。安装该扩展后,可在chrome地址栏旁边看到下面的图标,当浏览一个网页时,点击上图中的f?图标,将鼠标移到文字上,即可看到该文字的字体信息单击鼠标左键转载 2013-03-28 12:12:44 · 4692 阅读 · 0 评论 -
Flash中与xml交互时不显示中文的解决办法
最近在做贝琪网站的时候遇到了flash与xml交互时不显示中文的问题,网上找了很多资料,问题终于得到解决。 1、在动态文本框里面删除嵌套的英文字体。 2、修改动态文本框的字体为中文字体。 3、给所有动态文本添加模糊滤镜,但是参数设置为0,就是空滤镜。如果xml文档是存为Unicode编码的话要在第一帧里添加语句:System.useCodepage = true; 如果是用utf-8编转载 2013-04-24 09:05:37 · 1359 阅读 · 0 评论 -
ExtJs与jQuery的比较
ExtJs与jQuery的比较jQuery主页:http://jquery.com/设计思想简洁的思想:几乎所有操作都是以选择DOM元素(有强大的Selector)开始,然后是对其的操作(Chaining等特性)。优点小,压缩后代码只有20多k(无压缩代码94k)。Selector和DOM操作的方便Chaining:总是返回一个jQuery对象,可以连续操作。文转载 2013-05-06 16:07:08 · 990 阅读 · 0 评论 -
强力推荐几种多媒体播放器方案(jQuery、Flash、HTML5)
记得以前我们想要在网页中插入一段音频或者视频时,首先,baidu或者google一下,目的是要找那段又长又臭的object和embed代码,然后再把它们贴到网页中,然后还发现不同的浏览器写法还不一样,有些支持object不支持embed,有些却是反一下的,到头来还是调用系统的windows media player,没装这个的就白搭了,弄得蛋疼。后来,我们可能渐渐地去用Flash播放器了,毕竟大部转载 2013-05-06 15:41:14 · 14998 阅读 · 0 评论