网页前端设计

http://www.86y.org

搜索文章

常用的 SQL Server 存储过程 实例2014/1/1 21:47:28

常用的 SQL Server 存储过程 实例

Transact-SQL中的存储过程,非常类似于Java语言中的方法,它可以重复调用。当存储过程执行一次后,可以将语句缓存中,这样下次执行的时候直接使用缓存中的语句。这样就可以提高存储过程的性能。Ø 存储过程的概念存储过程Procedure是一组为了完成特定功能的SQL语句集合,经编译后存储在数据库中,用户通过指定存储过程的名称并给出参数来执行。存储过程中可以包含逻辑控制语句和数据操纵语句,它可以接受参数、输出参数、返回单个或多个结果集以及返回值。由于存储过程在创建时即在数据库服务器上进行了编译并存储在数据库中,...未完,继续阅读→

sql实例分页

阅读(5793)条

经典SQLServer数据库存储过程教程2014/1/1 21:40:07

经典SQLServer数据库存储过程教程

可能有不少朋友使用SQL SERVER做开发也已经有段日子,但还没有或者很少在项目中使用存储过程,或许有些朋友认为根本没有必要使用存储过程等等。其实当你一个项目做完到了维 护阶段时,就会发现存储过程给我们带来了好处了,修改方便,不能去改我们的应用程序,只需要改存储过程的内容,而且还可以使我们的程序速度得到提高。QUOTE:SQL SERVER 联机丛书中的定义:  存储过程是保存起来的可以接受和返回用户提供的参数的 Transact-SQL 语句的集合。  可以创建一个过程供永久使用,或在一个会话中临时使用(局部临时过程),或在所有会话...未完,继续阅读→

sql存储过程教程

阅读(6145)条

用css模拟表格对角线2013/12/27 13:39:09

用css模拟表格对角线

首先声明:这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之。。。有时在插入文档时,要用到表格对角线,常见的作法是用图片的方式来处理,还有就是用vml来画对角线,能不能用html+css方式来实现呢?答案是肯定的,下面我们来摸拟一个表格对角线。原理:用边框线来摸拟斜线,我们知道,如果将一个DIV的边框线设置得足够宽并定义了不同的颜色时,其相邻的两条边框线交界处就是斜线。知道了这个原理,我们就可以用border-left和border-top来模拟...未完,继续阅读→

csstable对角线

阅读(6028)条

a链接href中javascript在IE6下导致js跳转失败2013/12/27 13:28:04

a链接href中javascript在IE6下导致js跳转失败

经常有如下JS跳转写法: <a href="javascript:void(0);" onclick="javascript:location.replace('http://www.baidu.com/');">test js location.replace()</a><a href="javascript:void(0);" onclick="javascript:location.href='http://www.baidu.com/';">test js location.replace()</a> 经测试,在IE6下上述两种JS跳转执行无响应,其它浏览器下均正常。 仔细分析, 猜测IE6下a链接的跳转会收到href属性中代码的影...未完,继续阅读→

jshref跳转

阅读(6624)条

jQuery代码实现表格内容可编辑修改2013/12/26 9:17:35

jQuery代码实现表格内容可编辑修改

1、效果及功能说明表格特效制作jquery表格可编辑任意修改里面的数值,是一种比较人性化的用户设计体验方式!暂时没有限止输入的内容。效果比较好,与AJAX相结可合实现实时修改内容的目的。2、实现原理通过点击事件来触发跳出一个输入框可以在里面输入当这个输入框失去焦点后就把,所有值放到当前的input里面。主要的方法:if(!$(this).is('.input')) //当点击了input后 $(this).find("div").eq(0).addClass('input').html('<input type="text" value="'+ $(this).te...未完,继续阅读→

jq表格数据

阅读(8224)条

JS判断浏览器是否支持HTML52013/12/25 22:13:01

JS判断浏览器是否支持HTML5

方法一,<!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><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>html5判断1</title></head><body><script> function checkhHtml5() {if (typeof(Worker) !== "undefined") {alert(&qu...未完,继续阅读→

jshtml5支持

阅读(9666)条

html5平面射击小游戏2013/12/25 10:46:28

html5平面射击小游戏

  WF模块:自定义的WF 4.0流程设计器(因为xp不支持.net 4.5 所以只能放弃新特性降级了)完全脱离VS,就说说VS自带的设计器没有的功能吧,封装了大量的便于框架使用的活动和机制,可拖拽收藏任意节点(可以是包含 很复杂内容的根节点哦)并持久化保存以便以后复用,可嵌套动态加载另外一个流程文件,详细到记录每执行一个活动的变量值的日志记录。    WPF模块:该框架主要特点就是把CS向BS靠拢吧,自制了一个 MVVM框架,所有xaml文件都是在需要显示时才动态加载的,封装了大量的触发器和行为,内置一大堆页面跳转动画,也就是说只用ble...未完,继续阅读→

html5游戏

阅读(6354)条

26个免费高质量圣诞节图标集2013/12/25 10:01:31

26个免费高质量圣诞节图标集

今天就是圣诞节了。 希望你们圣诞节日快乐。你是否仍在圣诞装饰品、 卡片、 请柬和更多?在这篇文章中你会发现每个人。圣诞节图标是为那些正在寻找图形资源的人。在这今天的帖子中,我们展示了 26 免费高质量圣诞节图标集。01. Christmas Icon Set02. Christmas Magic Icon Set03. Christmas Surprise04. Christmas tree free social media icons05. Xmas Reef Set06. Flat Xmas Color Icons07. Christmas Flat Color Icons08. Xmas Stickers Icons09. Free Christmas Icons10. HoneyJar Christmas Edition11. Free Holiday12....未完,继续阅读→

图标圣诞节

阅读(10104)条

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

css2.0实现面包屑效果

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

css面包屑特效

阅读(8225)条

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

css2.0实现气泡框效果

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

css2气泡特效

阅读(6630)条

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

ckeditor编辑器加+图片自动上传成功(附源代码)

以前写了一篇关于【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获取某元素的class里面的css属性值

用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...未完,继续阅读→

jscss属性

阅读(8683)条

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

js圣诞节雪花飘舞

圣诞节快到了,虽然不是中国人的节日但还是提前祝大家圣诞节快乐。希望你们的“圣诞老人”会给你们送礼物!今天在网上看到很多人说杭州也下雪了,好冷啊。广东这边也是阴雨天气,也开始冷了。朋友们注意保暖哦!好了言归正传,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)条

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

网页前端设计师们编写css的利器Less入门教程

如果你了解过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...未完,继续阅读→

cssless编辑

阅读(7452)条

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

PoshyTip jQuery 文本提示插件的使用

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

jqtip提示

阅读(8431)条

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

给JavaScript初学者的24条最佳实践

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

js建议

阅读(5958)条

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

css3制作163邮箱tab特效

今天看到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...未完,继续阅读→

css3tab特效

阅读(6796)条

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

10个实用的 CSS3 按钮效果制作教程

人们往往喜欢那些有更多互动元素的网站,因此现在很多设计师专注于他们的 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

js图片未加载完显示loading效果

为了图片有个友好的显示效果,未加载之前显示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)条

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

nicescroll 漂亮的自定义滚动条插件

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)条

当前第  10  页 / 共  28  页  总共559条记录  

78910111213