网页特效 - 随笔分类 - freedom831215

摘要：http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/Default.aspxdiv圆角tags日期控件等等阅读全文

posted @ 2011-12-13 14:16 freedom831215 阅读(244) 评论(0) 推荐(0) 编辑

摘要：简洁型css圆角：方法1：简洁型css圆角矩形code1:<styletype="text/css">.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{}{display:block;overflow:hidden;}.b1,.b2,.b3,.b1b,.b2b,.b3b{}{height:1px;}.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{}{border-left:1pxsolid#999;border-right:1pxsolid#999;}.b1,.b1b{}{margin:05px;background:#9 阅读全文

posted @ 2011-12-13 13:51 freedom831215 阅读(330) 评论(0) 推荐(1) 编辑

动态菜单(三)

摘要：同学们看了菜单一菜单二有没有什么特殊的感觉。是不是太简单了。现在我们结合第一篇文章来做个练习。没事的时候会经常找一些好看的UI，留着自己以后做私单的时候用。比如easyui、EXT JS啊这些。无意中发现了一个国产的框架。那么今天咱也支持国产一把。传送门 DWZ框架。感觉还不错上个图大家看看。效果还不错吧？呵呵这节课我们就抄袭了。。先去官方网站下载源代码。传送门解压源码打开index.html 页面。HTML的。果断查看源文件。这里就不贴代码了。上面是一堆JS根据第一节的“功力”我们可以观察以下代码是菜单<divid="leftside">& 阅读全文

posted @ 2011-10-11 17:58 freedom831215 阅读(356) 评论(2) 推荐(0) 编辑

动态菜单(二)

摘要：这天都能感冒，悲剧。上次写到一半一个Ctrl+C 浏览器崩溃了。沉重的被打击了。。上次我们说的是输出html组成动态菜单。同学们有没有改成递归的形式？没有改的同学就是不喜欢学习的同学。这次我们来个Repeater嵌套Repeater组成的二级菜单.典型的应用一个Iframe，左边是菜单，右边是内容。有上下LOGO先上个图看看效果. 还算可以吧这东西做简单的系统可以直接用了。里面还封装了一个弹出框比如点击版本信息会弹出一个遮罩效果的弹出框这里就不上图了。先说说iframe设置1<bodyscroll="no"leftmargin="0"to 阅读全文

posted @ 2011-10-11 17:57 freedom831215 阅读(201) 评论(0) 推荐(0) 编辑

动态菜单(一)

摘要：相信大家做网页的时候都会用到菜单。最近在CSDN上答题的时候，问动态菜单的还是比较多。这次就整3个动态菜单给同学们玩玩。方便刚入门的小鸟速度掌握。正所谓天下文章大家抄，抄来抄去有提高.去百度一个JS+CSS菜单。CSS菜单效果还算一般。我们把它抄袭下来以后留用. 先来看看HTML <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns=&q 阅读全文

posted @ 2011-10-11 17:56 freedom831215 阅读(291) 评论(0) 推荐(0) 编辑

HTML特殊符号大全

摘要：░ ▒ ▬ ♦ ◊ ◦ ♠ ♣ ▣ ۰•● ❤ ●•۰► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫ ☼ ♦♧♡♂♀♠♣♥❤☜☞☎☏⊙◎ ☺☻☼▧▨♨◐◑↔↕▪ ▒ ◊◦▣▤▥ ▦▩◘ ◈◇♬♪♩♭♪の★☆→あぃ￡Ю〓§♤♥▶¤๑⊹⊱⋛⋌⋚⊰⊹≈ ๑۩۩.. ..۩۩๑ ๑۩۞۩๑ ✲ ❈ ✿ ✲ ❈ ➹ ~.~ ◕‿-｡ ☀☂☁【】┱ ┲ ❣ ✚ ✪ ✣ ✤ ✥ ✦❉ ❥ ❦ ❧ ❃ ❂ ❁ ❀ ✄ ☪ ☣ ☢ ☠ ☭ღღღ ▶ ▷ ◀ ◁ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ⊙ ☊ ☋ ☌ ☍ⓛⓞⓥⓔ ╬ 『』∴ ☀ .｡◕‿◕｡ ♫ ♬ ♩ ♭ ♪ ☆ ∷ ﹌の ★ 阅读全文

posted @ 2011-09-21 12:38 freedom831215 阅读(486) 评论(1) 推荐(0) 编辑

36个引人注目JQuery导航菜单

摘要：1.jQuery 选项卡界面 / 选项卡结构菜单教程这种类型的菜单在网页设计与开发中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑动/向上滑动效果创建属于你自己的选项卡菜单。要非常留心此演示哟，你一定会喜欢上它的。Preview || Download2.效果生动逼真的jQuery菜单学习如何使用简易的XHTML/CSS/JS创建令人惊奇的效果生动逼真的菜单，类似 Dragon Interactive (dragoninteractive.com).Preview || Download3. 使用CSS和jQuery创建非常Cool的动画效果导航 (教程 + 下载)动画及视觉反馈阅读全文

posted @ 2011-08-12 13:41 freedom831215 阅读(314) 评论(1) 推荐(1) 编辑

通用CSS

摘要：2个通用CSS下载阅读全文

posted @ 2011-03-15 16:35 freedom831215 阅读(168) 评论(0) 推荐(0) 编辑

CKEditor

摘要：CKEditor就是传说中的FCKEditor项目更名之后的项目。FCKEditor是Java 开发者最常用的在线编辑器之一，FCKEditor针对Java开发了 FCKEditor for Java版本，后续又出现了FCKEditor for .Net版本等。CKEditor同样也是一个所见即所得的在线编辑器，CKEditor继承了FCKEditor的全部优点，并重构了很多核心代码让编辑器变得更健壮，更易用。http://ckeditor.com/demohttp://docs.cksource.com/CKEditor_3.x/Users_Guide/Rich_Text/Images 阅读全文

posted @ 2011-01-15 00:37 freedom831215 阅读(400) 评论(0) 推荐(0) 编辑

网页宽度多少最适合？(转)

摘要：公司网站最近一个月统计出来的访客分辨率报表图：可见，目前使用800*600的几乎是微乎其微了，1024还是居于上风，目前19，21寸甚至更大的显示正在逐步被广泛使用，所以N年前流行的778，780等等都好像是几个世纪以前的事情了。再看一组数据网站首页页面宽度 pxYahoo!950淘宝950MySpace960新浪950网易960Live Search958搜狐950优酷960AOL960上面都是... 阅读全文

posted @ 2010-10-29 14:50 freedom831215 阅读(286) 评论(0) 推荐(0) 编辑

字体加粗(CSS)

摘要：字体加粗(CSS) 模板ID { font-weight: 800 }模板ID { font-weight: bold } 语法: font-weight: <值>允许值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900初始值: normal适用于: 所有对象字... 阅读全文

posted @ 2010-07-14 14:45 freedom831215 阅读(1028) 评论(0) 推荐(0) 编辑

css滤镜实现页面灰色黑白色效果代码

摘要：为方便站点哀悼，特提供素装代码，以表哀悼。以下为全站CSS代码。html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。如果网站没有使用CSS，可以在网页/模板的HTML代码<h... 阅读全文

posted @ 2010-06-04 23:22 freedom831215 阅读(376) 评论(0) 推荐(0) 编辑

span元素float:right 后右对齐换行原因及其解决

摘要：今天遇到一个奇怪的问题：有个这样的布局： <div>这里是标题<span class="right">这里是时间</span></div> 在FF 和 chrome 都正常，显示一行可是到了IE下就不对了，变成了两行！在网上找了些资料，算是明白了，具体如下：原因: 当非float的元素和float的元素在一起的时候，如果非float元素在先，... 阅读全文

posted @ 2010-03-22 16:24 freedom831215 阅读(445) 评论(0) 推荐(0) 编辑

<a>标签锚链接的用法

摘要：<html><head><title>回到页面顶部和底部代码</title><style type="text/css"> body,div,a{font-size:12px;cellpadding:20;cellspacing:20}</style></head><body><a name="t... 阅读全文

posted @ 2010-01-25 17:10 freedom831215 阅读(642) 评论(0) 推荐(0) 编辑

（经验）DIV+CSS解决IE6，IE7，IE8，FF兼容问题

摘要：（经验）DIV+CSS解决IE6，IE7，IE8，FF兼容问题那我来说说吧，做了差不多一年的DIV+CSS，也积累了不少解决兼容问题的方法，我这里只说现在主流的几个，（IE6，IE7，IE8，FF）其它的没去研究过1.ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了<meta http-equiv="x-ua-co... 阅读全文

posted @ 2009-12-08 23:56 freedom831215 阅读(331) 评论(0) 推荐(0) 编辑

实现Div层里的文字垂直居中的方法

摘要：单行文本直接设置line-height与height的高度相同既可。即<span style="height:18px;line-height:18px;">多行文本先display:block;再设置padding 有时候，为了网页设计的美观，需要把div+css设计的页面里的某些div层里的文字垂直居中，包括多行文字以及单行文字；方法有不少，但真正能实现而代码又简洁的介绍不多，f... 阅读全文

posted @ 2009-12-08 21:25 freedom831215 阅读(256) 评论(0) 推荐(0) 编辑

纯CSS圆角框2－透明圆角化背景图片

摘要：在上面的案例中，我只给出最为原始的圆角框模型，它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中，我会在上面的基础上作出一些创新。就是将背景图片也圆角化，好像目前在网络上还没有这样的功能应用，我只见过用js方式来实现的，可以参看我的《超圆滑圆角框的半完美解决方案》一文中后面几种JS方案。但是纯CSS方式的实现可是我独家所创，如有雷同，只能说英雄所见略同。呵呵！还是先看看最终的效果图，... 阅读全文

posted @ 2009-12-08 01:33 freedom831215 阅读(355) 评论(0) 推荐(0) 编辑

纯CSS圆角框3－圆角化图片

摘要：在前面一篇文章中，我们将一张上下渐变的的图片作为标题的背景，并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢？我们还能将一些颜色比较丰富的图片也进行透明圆角化吗？答案是肯定的，下面看看它的终极功夫。还是先看最终效果图吧！图一看到了吧，这就是用纯CSS实现的圆角化图片，为了能看到透明化的效果，我特意应用了一个背景图片，你可以下载本模型到你的电脑中，随意伸缩窗口的大小，看看外圆角是否是透... 阅读全文

posted @ 2009-12-08 01:33 freedom831215 阅读(185) 评论(0) 推荐(0) 编辑

纯CSS圆角框

摘要：序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。纯CSS实现圆角框是一件大家都说烂了的事件，我也写过两篇总结文章，为什么还会有这篇文章呢，事情是这样的。在我们的以前的项目中，实现圆角框往往是用背景图片来实现的，但是，当这些项目发布上线后，在维护过程中，... 阅读全文

posted @ 2009-12-08 01:32 freedom831215 阅读(171) 评论(0) 推荐(0) 编辑

DIV+CSS圆角边框

摘要：简洁型css圆角：方法1：简洁型css圆角矩形 code1:[代码]方法2：无图片实现圆角框code2:[代码]3D圆角矩形:3D圆角矩形CODE:[代码]反向css圆角矩形:反向css圆角矩形CODE:[代码]略带菱形的css圆角:略带菱形的css圆角矩形CODE:[代码]特殊CSS圆角：特殊css圆角矩形CODE：[代码] 阅读全文

posted @ 2009-12-08 01:31 freedom831215 阅读(163) 评论(0) 推荐(0) 编辑

随笔分类 - 网页特效