|
摘要：
$('.selected')--在该对象内拖动,该对象必须设置高度,否则可能只能将对象移到最顶和最末.accept--需要被移动对象的classnameactiveclass -- 移动时的样式hoverclass -- 移动经过时的样式helperclass-- 放置移动对象的目标位置样式opacity-- 移动时的透明度ghosting -- 为真时,helpercall对象将有一份操作对象的... 阅读全文
posted @ 2009-08-28 01:17 linFen 阅读(4386) 评论(0) 推荐(0)
摘要：
先说明一下效果：基本的鼠标互动：拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing)各种互动效果：手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条(sliders)、表格排序(table sorters)、页签(tabs)放大镜效果(magnifier)、阴影效果(sh... 阅读全文
posted @ 2009-08-27 20:28 linFen 阅读(6213) 评论(0) 推荐(0)
摘要：
一、概述 通过前面几节学习，大家应该都知道了，一个div对象是可以通过拖拉来改变大小，也可以通过拖动来改变其位置的。如何改变大小已经讲解过了，那么怎么实现拖动改变位置呢？现在就开始讲解如何实现拖动 -- Draggable。二、实现三步曲 1、添加css样式文件和js源文件 1: <link rel="stylesheet" href="js/themes/flora/flora.all.c... 阅读全文
posted @ 2009-08-27 20:22 linFen 阅读(10582) 评论(2) 推荐(3)
摘要：
什么是性能测试？国内众说纷纭，理解各不相同。很难说清楚，在此截取一段英文的资料，小二在此不敢妄加翻译。 In software engineering, performance testing is testing that is performed, from one perspective, to determine how fast some aspect of a system per... 阅读全文
posted @ 2009-08-19 10:54 linFen 阅读(3509) 评论(0) 推荐(2)
摘要：
注意：安全性测试并不最终证明应用程序是安全的，而是用于验证所设立策略的有效性，这些对策是基于威胁分析阶段所做的假设而选择的。以下是我读<<软件评测试教程>>中的Web安全性测试章节内容，并进行修改的笔记，前面看了好多朋友写的，不过不是很全，希望对大家有所帮助，建议大家还是买本<<软件评测试教程>>此书绝对物超所值^_^WEB安全性测试一个完整的WEB... 阅读全文
posted @ 2009-08-19 10:51 linFen 阅读(1711) 评论(0) 推荐(2)
摘要：
一、等价类划分 等价类划分主要适用于单个输入条件，输入为数值型的情况，如果输入规定了输入区间，可划分出一个有效等价类，两个无效等价类；如果输入只规定了输入范围，可划分出一个有效等价类，一个无效等价类。二、边界值 边界值方法也是适用于单个输入条件的情况，输入类型可以数值、字符等，要测试的边界包括上点、下点、离点。三、错误推测法 错误推测法主要是测试设计人员的测试经验相关,测试经验不同,设计出来的测试... 阅读全文
posted @ 2009-08-19 10:47 linFen 阅读(20171) 评论(0) 推荐(3)
摘要：
1、总计架构测试 1）瘦客户端，业务逻辑规则多数在服务器端执行。如新闻站点、门户网站、信息发布网站等。 2）胖客户端，安全性要求较高、交互操作频繁、业务逻辑复杂。银行系统、网络游戏、网上办公系统等。2、Web架构组成部分是否满足需求 成本、功能、安全性要求、容量要求、传输实时性。3、服务器配置分布是否满足要求 Web服务器、应用服务器、数据库服务器可以分布在不同物理机器上也可以分布相同的物理机器上... 阅读全文
posted @ 2009-08-19 10:46 linFen 阅读(1174) 评论(0) 推荐(0)
摘要：
当今越来越多的应用程序迁移到web平台上。由于没有平台的限制和安装的要求，SAAS的模式看起来非常有吸引力…… Web应用程序的界面设计，其核心就是网页设计，但它的重点主要是在功能方面。要超越桌面应用程序，Web应用程序必须提供简单、直观和即时响应的用户界面，让他们的用户花更少的精力和时间去完成事情。 本文主要介绍的是在现代Web应用程序中，对设计模式以及有效设计解决方案... 阅读全文
posted @ 2009-08-19 10:36 linFen 阅读(1033) 评论(0) 推荐(0)
摘要：
这套规范并非单纯的CSS、html或JavaScript命名规范，它涉及了很多使用PhotoShop这类设计工具进行网页设计过程中的命名规范。(好久没写文章了，有点罗嗦，吼吼~)。首先我是出于公司几位美工的设计效果图源文件没有对图层命名而开始考虑总结一套的，还有一个原因就是网上大多命名规范都是关于编码的，也就是那些css、html、js和一些服务器端语言的，至于设计方面的命名规范实在是很少。但是毕... 阅读全文
posted @ 2009-08-19 10:32 linFen 阅读(431) 评论(0) 推荐(0)
摘要：
色彩调和是求得视觉统一，达到人们心理平衡的重要手段。两种或两种以上的色彩合理搭配，产生统一谐调的效果，称为色彩调和。 调和就是统一，下面介绍的四种方法能够达到调和页面色彩的目的。 ■ 同种色的调和 相同色相、不同明度和纯度的色彩调和。使之产生秩序的渐进，在明度、纯度的变化上，弥补同种色相的单调感。 → 在网页设计中彩同种色调和的网页例图：http://www.... 阅读全文
posted @ 2009-08-19 10:30 linFen 阅读(972) 评论(0) 推荐(0)
摘要：
Web2.0 网页简介 我将带你过一下目前优秀的网页设计特征，仔细分析最突出的特色，讲解每个点优秀的原因，并向你展示如何将他们使用在你自己的网站上。 如果让我用一个词来总结web2.0，那将是“简单”，那我们就从这开始说起。 我是简单的极力支持者，我认为它是网页制作未来的方向。目前简单、大胆、优雅的网页设计用少来传递更多： 通过引导用户视线只浏览少量但精心选择的视觉元素，使... 阅读全文
posted @ 2009-08-19 10:28 linFen 阅读(319) 评论(0) 推荐(0)
摘要：
、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间。就不会出现水平滚动条和垂直滚动条。 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上... 阅读全文
posted @ 2009-08-19 10:23 linFen 阅读(7837) 评论(0) 推荐(0)
摘要：
Request获取的信息Request.AppRelativeCurrentExecutionFilePath ~/SysOption/BillingSetup1.aspx Request.ApplicationPath /Request.CurrentExecutionFilePath /SysOption/BillingSetup1.aspx Request.FilePath /SysOpti... 阅读全文
posted @ 2009-08-19 09:18 linFen 阅读(1366) 评论(0) 推荐(0)
摘要：
http://www.msdn.com/（是学习微软技术的首选，有大量的类库帮助文档，同时也有一些高手发表的技术文章，很精练，值得各阶段的人士学习）http://technet.microsoft.com/（要是微软的，主要介绍服务器的技术，像exchange,SQL server,Windows server等，同时里面也有非常不错webcasts,很生动的实际动手教程，比看文字容易多了）htt... 阅读全文
posted @ 2009-08-15 01:42 linFen 阅读(354) 评论(0) 推荐(0)
摘要：
工作流（Work Flow） 什么是工作流 工作流（Work Flow）就是工作流程的计算模型，即将工作流程中的工作如何前后组织在一起的逻辑和规则在计算机中以恰当的模型进行表示并对其实施计算。工作流要解决的主要问题是：为实现某个业务目标，在多个参与者之间，利用计算机，按某种预定规则自动传递文档、信息或者任务。简单地说，工作流就是一系列相互衔接、自动进行的业务活动或任务。我们可以将整个业务过程看作... 阅读全文
posted @ 2009-08-13 20:36 linFen 阅读(487) 评论(1) 推荐(0)
摘要：
盘点的定义 所谓盘点，是指定期或临时对库存商品的实际数量进行清查、清点的作业，即为了掌握货物的流动情况（入库、在库、出库的流动状况），对仓库现有物品的实际数量与保管账上记录的数量相核对，以便准确地掌握库存数量。 盘点方式通常有两种：一种是定期盘点，即仓库的全面盘点，是指在一定时间内，一般是每季度、每半年或年终财务结算前进行一次全面的盘点。由货主派人会同仓库保管员、商品会计一起进行盘点对账；二是... 阅读全文
posted @ 2009-08-11 17:31 linFen 阅读(598) 评论(0) 推荐(0)
摘要：
上一个版本（第一版请看这里）基本实现了多级联动和浮动菜单的功能，但效果不是太好，使用麻烦还有些bug，实用性不高。这次除了修改已发现的问题外，还对程序做了大幅调整和改进，使程序实用性更高，功能更强大。主程序代码也从第一版的一百多行增加到三百多，我写的程序中也就拖拉缩放效果有这个数量了。 各位如果觉得文章还不错的记得给个大拇指啊。 效果预览菜单使用演示： 自定义样式下拉菜单任意定位 位置： 仿京东商... 阅读全文
posted @ 2009-08-10 08:55 linFen 阅读(777) 评论(0) 推荐(0)
摘要：
在编程中，如果我们不想或不能够直接操纵目标对象，我们可以利用delegate创建一个代理对象来调用目标对象的方法，从而达到操纵目标对象的目的。毋庸置疑，代理对象要拥有目标对象的引用。我们来看一下javascript的一个最简单实现：1.var delegate = function (client,clientMethod ){ 2.return function() { return clien... 阅读全文
posted @ 2009-08-10 08:47 linFen 阅读(371) 评论(0) 推荐(0)
摘要：
演示效果截图 用到的图片CSS代码 .menulist a{color: black;display: block;width: 170px;height: 20px;padding-left: 5px;padding-top: 1px;margin-bottom: 5px;background-image: url(menu.jpg);background-repeat: no-repeat;b... 阅读全文
posted @ 2009-08-09 01:55 linFen 阅读(676) 评论(0) 推荐(0)
摘要：
演示效果截图CSS代码<style type="text/css">.menu {font-family: arial, sans-serif; width:750px; margin:0; margin:50px 0;}.menu ul {padding:0; margin:0;list-style-type: none;}.menu ul li {float:left; posit... 阅读全文
posted @ 2009-08-09 01:54 linFen 阅读(1014) 评论(0) 推荐(0)
摘要：
演示效果截图用到的图片CSS代码.hbuttons a{display: block;text-decoration: none;font: bold 13px Arial;color: black;width: 78px;height: 23px;float: left;display: inline;margin-right: 8px;background-image:url(tabsquar... 阅读全文
posted @ 2009-08-09 01:53 linFen 阅读(1258) 评论(0) 推荐(0)
摘要：
演示效果截图用到的图片CSS代码<style>body{ font-size:12px; text-align:center; margin-top:30px; font-family:Verdana;}div,img{margin:0; padding:0; border:0;}ul,li{list-style-type: none; margin:0; padding:0; fl... 阅读全文
posted @ 2009-08-09 01:52 linFen 阅读(5130) 评论(0) 推荐(0)
摘要：
演示效果截图 CSS代码<style>*{ margin:0; padding:0; list-style:none; font-size:12px; line-height:1.8;}body{ background: #333}#info{padding:50px;}#infobox{padding:0px 20px;background-color: #640000;}#cent... 阅读全文
posted @ 2009-08-09 01:50 linFen 阅读(919) 评论(0) 推荐(0)
摘要：
演示效果截图 CSS代码<style>.menu {text-align:left;color:#FFF;font-family:幼圆; /*菜单字体*/height:26px;width:100%}.menu ul.menuBar{list-style:none;margin:0px;font-size:12pt; /*一级菜单字体大小*/}.menu ul.menuBar li{f... 阅读全文
posted @ 2009-08-09 01:48 linFen 阅读(3635) 评论(0) 推荐(0)
摘要：
演示效果截图 CSS代码<style type="text/css"><!--* { margin:0; padding:0;}body { font:12px Verdana, Geneva, sans-serif #444; line-height:1.5;}ul li { list-style:none;}.menu { width:660px; margin:20px a... 阅读全文
posted @ 2009-08-09 01:47 linFen 阅读(382) 评论(0) 推荐(0)
摘要：
演示效果截图 用到的图片 CSS代码<style type="text/css">body {margin:0;padding:0;font: bold 11px/1.5em Arial;}img {border: none;}#roScripts_m1 {float:left;width:100%;background:#F7DBD2;font-size:96%;line-heigh... 阅读全文
posted @ 2009-08-09 01:46 linFen 阅读(371) 评论(0) 推荐(0)
摘要：
演示效果截图 用到的图片 CSS代码<style type="text/css">body {margin:0;padding:0;font: bold 11px/1.5em Arial;}img {border: none;}#roScripts_m1 {float:left;width:100%;background:#F6ECFD;font-size:96%;line-heigh... 阅读全文
posted @ 2009-08-09 01:45 linFen 阅读(368) 评论(0) 推荐(0)
摘要：
演示效果截图 用到的图片 CSS代码<style type="text/css"><!--body {margin:0;padding:0;font-family: verdana, sans-serif;font-size: 11px;background: #f7f7f7;}.container {width: 650px;height:200px;padding:20px;... 阅读全文
posted @ 2009-08-09 01:44 linFen 阅读(413) 评论(0) 推荐(0)
摘要：
演示效果截图 用到的图片 CSS代码#dolphincontainer{position:relative;height:56px;color:#E0E0E0;background:#143D55;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}#dolphinnav{position:relative;height:33px;... 阅读全文
posted @ 2009-08-09 01:43 linFen 阅读(445) 评论(0) 推荐(0)
摘要：
演示效果截图 用到的图片 CSS代码/* CSS Document */.rhm1{ width:450px; height:64px; margin:0 auto; background:url(rhm1_bg.gif) repeat-x; }.rhm1-left{ background:url(rhm1_l.gif) no-repeat; width:15px; height:64px; f... 阅读全文
posted @ 2009-08-09 01:42 linFen 阅读(426) 评论(0) 推荐(0)
摘要：
演示效果截图 用到的图片 CSS代码/* CSS Document */.rhm1{ width:450px; height:64px; margin:0 auto; background:url(rhm1_bg.gif) repeat-x; }.rhm1-left{ background:url(rhm1_l.gif) no-repeat; width:15px; height:64px; f... 阅读全文
posted @ 2009-08-09 01:41 linFen 阅读(558) 评论(0) 推荐(0)
摘要：
演示效果截图 用到的图片 CSS代码/* CSS Document */.rhm1{ width:450px; height:64px; margin:0 auto; background:url(rhm1_bg.gif) repeat-x; }.rhm1-left{ background:url(rhm1_l.gif) no-repeat; width:15px; height:64px; f... 阅读全文
posted @ 2009-08-09 01:39 linFen 阅读(942) 评论(0) 推荐(0)
摘要：
演示效果截图 用到的图片 CSS代码/* CSS Document */*{ margin:0; padding:0;}#menu{ width:90%; margin:25px auto;}#menu ul{ list-style:none;}#menu li{ display:block; float:left;}#menu li a{ background:#749b10 url(menu_... 阅读全文
posted @ 2009-08-09 01:38 linFen 阅读(1939) 评论(0) 推荐(0)
摘要：
演示效果截图用到的图片CSS代码body { padding: 50px; margin: 0;}ul.green { padding: 5px; margin: 10px 0; list-style: none; background-color: #fff; border-bottom: 1px solid #e7e7e7; float: left; clear: left;}ul.green... 阅读全文
posted @ 2009-08-09 01:36 linFen 阅读(2871) 评论(0) 推荐(0)
摘要：
演示效果截图用到的图片CSS代码:link,:visited {text-decoration:none;}ul,ol,dl {list-style:none;} ul,ol,li,body,html,p{margin:0; padding:0;} a img,:link img,:visited img {border:none;}i {display:none;}#navbar{width:7... 阅读全文
posted @ 2009-08-09 01:35 linFen 阅读(939) 评论(0) 推荐(0)
摘要：
演示效果截图用到的图片CSS代码body{background:#fff url(bkg_page.png) repeat-x;padding:0;margin:0;font-family:'Verdana';font-size:12px;color:#7f8991}#header{margin:108px 0 0 100px}#header em{display:none}#header ul{... 阅读全文
posted @ 2009-08-09 01:34 linFen 阅读(1228) 评论(0) 推荐(0)
摘要：
演示效果截图 用到的图片 CSS代码body{background:#FFF;font-family:Verdana, Arial, Helvetica,sans-serif;font-size:80%;color:#000;margin:0;vertical-align:top}img{border:0;vertical-align:middle}a:link{color:#00248A;tex... 阅读全文
posted @ 2009-08-09 01:33 linFen 阅读(1646) 评论(0) 推荐(0)
摘要：
演示效果截图用到的图片CSS代码<style type="text/css">body {padding: 50px;}/* The CSS Code for the menu starts here */#menu {font-family: Arial, sans-serif;font-weight: bold;text-transform: uppercase;margin: 5... 阅读全文
posted @ 2009-08-09 01:32 linFen 阅读(3073) 评论(0) 推荐(0)
摘要：
演示效果截图 用到的图片 CSS代码#foxmenucontainer{height:24px;background:#000;display:block;padding:45px 0 0 15px;}#foxmenu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Ar... 阅读全文
posted @ 2009-08-09 01:31 linFen 阅读(582) 评论(0) 推荐(0)
摘要：
演示效果截图 用到的图片 CSS代码#time4bed-nav{position:relative;height:43px;font-size:14px;text-transform:uppercase;background:#fff url("/UploadFile/image/orange-css-nav/time4bed_bg.gif") repeat-x bottom left;font-... 阅读全文
posted @ 2009-08-09 01:30 linFen 阅读(407) 评论(0) 推荐(0) |
||
浙公网安备 33010602011771号