CSS实例:创建一个鼠标感应换图片的按钮

CSS实例:创建一个鼠标感应换图片的按钮的相关文章

• 
  用CSS创建一个布局居中的页面

  标签：Web开发

  最近有一个读者问到，怎样用CSS创建一个居中的页面布局。该读者所追求的，是要达到这样一种效果，就如同在一个1024象素宽的页面上设计出一个800象素宽的表格。这是一种使用很广泛的页面设计方法，按照传统，它要靠嵌套表格才能达到这一效果，因此，这位读者追寻一种用CSS来达到这一效果的方法并不让人惊讶。 用CSS来创建一个居中的页面设计的基本技术相对来说较简单，不过与同类相比，也简单不了太...[ 查看全文 ]

  夏经理夏天

  101
• 
  Illustrator创建一个可以无限重用的按钮样式

  标签：Illustrator CorelDRAW

  先看看效果图 第1步： 找一个比较粗壮的字体，我选的是VAL字体，60pt。用文本工具打出想要的字。 第2步： 将这个文字的填充及描边都设为空，就像下面这样，看不见文字了。这样是为了方便之后在外观appearance面板为其添加更为弹性的描边和填充。 第3步： 在外观appearance面板右上角的下拉菜单为其添加一个填充，默认为黑色。 第4步： 再添加一个填充，为方便区分将其颜色设置为其他颜色...[ 查看全文 ]

  呱呱叫GO

  71
• 
  创建一个纯CSS的水平导航条

  标签：Html CSS布局 Div+CSS XHTML

    按照传统的方法，导航条由放在一行表格单元里的图形图像构成。由于人们不再推荐用表格来定位任何非表格的页面内容，所以很多制作Web的人正在寻找（新的）方法，用结构化的XHTML标记和CSS格式来创建导航条。 一个简单的CSS导航条   创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里，就像例A里的一样。 这种方法看起来很合理也很直观。但问题是，把所有的链接都放...[ 查看全文 ]

  zzcclove

  71
• 
  Flash AS2实例教程：鼠标感应放大缩小图片效果

  标签：flash教程

  本文由 中国 新生上路 收集整理，转载请保留此信息！ 在学习中遇到问题请到 论坛 发贴交流！  本系列Flash教程由中国Flash互助课堂专为Flash新手制作，更多教程和练习请 点击这里 ，在这里有系列的教程、练习，并有老师对练习进行点评与指导，欢迎朋友们的光临！ 本例介绍运用Flash AS2代码实例鼠标感应放大或缩小图片动画效果，主要运用 tellTarget函数来实现，制作过程很简单...[ 查看全文 ]

  天然红草莓园

  341
• 
  Fireworks 制作一个按钮

  FW制作一个按钮（适合初学者） 效果图： 用 （椭圆工具）画出一个圆，用 （圆角矩形）画出一个圆角矩形，然后把矩形叠放在圆上面： 执行修改组合路径联合： 复制一个，去底色，边为黑色： 加到上面来，作为边（在原图上直接填底色，色彩太淡所以新加一个）： 在上面画一个填充线形渐变以及边的颜色： 在上...[ 查看全文 ]

  蓝煦光

  41
• 
  第9天:第一个CSS布局实例

  标签：Web开发

  接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用DIV也可以实现。技术有一个成熟的过程，把DIV看成和TABLE一样的工具，如何运用就看你的想象力了。 注：在实际应用过...[ 查看全文 ]

  year长春

  01
• 
  Flash教程：一个很好玩的响应鼠标打击动作的实例

  标签：flash教程

  看不到动画效果的朋友请去这里观看：http://bbs.jcwcn.com/viewthread.php?tid=142663 效果演示： 试试用鼠标煽他几巴掌或揣他几脚 [next] 一、实现思路 我们先来看看实例的效果，鼠标在场景中的不同地方划过，场景中的小人都会有不同的反应。尤其有趣的是，当鼠标划过的速度不同的时候，反应的强弱也是不同的。这就跟游戏中的实现很相似了。 总的来说，...[ 查看全文 ]

  PPCNBX

  251
• 
  一个特帅的展示图片的js+css

  标签：Web开发

  CSS+JS控制图片展示 BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 70% Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #000; PADDING-TOP: 0px; TEXT- ALIGN: center}#outer { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/images/bg-outer.gif) repeat-y center top; PADDING-BOTTOM: 0p...[ 查看全文 ]

  平遥派克

  31
• 
  一个优秀的超链接鼠标悬停提示CSS＋js

  标签：Html CSS布局 Div+CSS XHTML

            超链接，一般的做法是给一个title属性，这样用户的鼠标悬停在超链接上的时候，它会显示title的内容。但是，你是否厌倦了千篇一律的鼠标悬停效果呢？        当然，也有这方面很炫的代码，但是才跨浏览器方面功夫还是不够，呵呵。我遇到一个不错的css，在IE和Firefox下浏览一样的效果。     &nbs...[ 查看全文 ]

  zy85077515

  1461
• 
  Xhtml第9天:第一个css布局实例

  标签：Html CSS布局 Div+CSS XHTML

  接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用div也可以实现。技术有一个成熟的过程，把div看成和table一样的工具，如何运用就看你的想象力了。 注：在实际应用过程中，div...[ 查看全文 ]

  lwk550213655

  151
• 
  Photoshop制作一个液化的鼠标

  本教程介绍常见的液化及溶解效果的制作方法。过程也比较简单，先用涂抹或选区工具做出类似液滴的图形。然后再加上纹理，高光等，跟原图完美结合即可。 原图 最终效果 1、首先在photoshop中打开原图图片，然后双击“背景”图层进行角锁，然后重命名为“鼠标”。然后创建一个新图层，命名为“背景”移动到“鼠标”图层的下面并填充白色。 2、使用取样工具，选择“鼠标”图层，单击鼠标的底部进...[ 查看全文 ]

  qqq20033

  31
• 
  一个跟随鼠标的图片放大效果与FF兼容

  标签：Web开发

  div style="text-align:center" style="overfow: hidden; width: 100px; height: 100px"img src="http://img.warting.com/allimg/2015/1222/lizry520ci4-2292.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)" /div div style="text-align:center" style="overfow: hidden;&...[ 查看全文 ]

  LANBEIVE

  41
• 
  CSS实例:超酷的网站导航按钮

  标签：Web开发

  导言：本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单，从思路、原理、步骤，手段可谓无所不用其极，即便你是菜鸟，相信你看了本文后，也能打造出属于自己的超级漂亮的标准导航菜单。本菜单无冗余结构，利于数据动态输出，非常适合于用在平常的项目中去。本教程中讲到了基本的滑动门原理，相信对那些还在这条路上摸索的朋友会有一些帮助！当然如果有什么错误和问题，也欢迎大家提出...[ 查看全文 ]

  yuyouxun

  261
• 
  使用CSS3来定位一个倾斜的图片

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  利用纯CSS可以做出千变万化的效果,特别是CSS3的引入更让更多的效果可以做出来.现在就让我们动手做出一个关于凉爽为题的图片库. 先看看效果： 点击查看我们要做的效果.请记住这个事例对于IE来说支持的不好,但firefox;safari浏览器升级到最高版本是可以看出效果的. 我们先用CSS的基本样式来构建图片.然后再加入一些阴影和翻转的属性,最近使用z-index属性来改变图片的叠加顺序. 在开始之前先下载这些清爽...[ 查看全文 ]

  olangelol

  351
• 
  关于通道的一个实例

  标签：PS PS教程

  我的思路和做法 当时接到这幅片子眼睛都直了，根据摄影的经验，知道这是胶卷跑光的结果。来人说，这片子一直问到中国图片社都说没办法。我心想，这活儿怎么找我干？ 抱着试试的心情把片子扫描出来，仔细一看，蓝色通道是好的，感觉有了。 将图像中跑光部分建立选区。 将蓝色通道中选区内的图像拷贝，分别粘贴到红色和绿色通道相同的位置。 在RGB中三个通道等值，颜色为黑白...[ 查看全文 ]

  唧唧歪歪嘎嘣

  21
• 
  FindWindowEX的一个应用实例

  标签：编程语言 网络编程

    函数功能：该函数获得一个窗口的句柄，该窗口的类名和窗口名与给定的字符串相匹配。这个函数查找子窗口，从排在给定的子窗口后面的下一个子窗口开始。在查找时不区分大小写。     函数原型：HWND FindWindowEx（HWND hwndParent，HWND hwndChildAfter，LPCTSTR lpszClass，LPCTSTR lpszWindow）；     参数；   &nb...[ 查看全文 ]

  爱芝哟

  3681
• 
  创建一个复制UBB软件信息的链接或按钮的js代码

  标签：Web开发

  a href="java script:void(0)" onclick="copyinfo()"点击复制UBB标签/a input type="button" onclick="copyinfo()" value="点击复制UBB标签" / script language="javascript" function copyinfo() {     var obj = document.getElementById("ubbinfo");     if (obj!=null) { &nb...[ 查看全文 ]

  蚊子San叔

  91
• 
  创建一个Web投票系统

  标签：ASP

    下面zip文件：http://www.content.aspdir.co.uk/files/Article-11.zip During this article you will learn how to construct your own web poll using ASP. The article presumes you already understand basic database interaction. The following samples of code allow a user to select one of four options to a question. The user's vote is then recorded in a database and the use...[ 查看全文 ]

  饺子灬爱吃肉

  21
• 
  创建一个带有CheckBox的TreeView

  标签：编程语言 网络编程

  void __fastcall TForm1::FormCreate(TObject *Sender) {  SetWindowLong(TreeView1-Handle,GWL_STYLE, GetWindowLong(TreeView1-Handle,GWL_STYLE) | TVS_CHECKBOXES); } //判断一个节点是否处于Checked状态 bool GetNodeChecked(TTreeNode *ANode) { TVITEM tvItem; tvItem.mask = TVIF_HANDLE | TVIF_STATE; tvItem.hItem = ANode-ItemId; tvItem.s...[ 查看全文 ]

  金牛考试大师

  01
• 
  Photoshop制作一个简单的网站按钮

  标签：PS PS基础

  先看效果图 新建文档200x50像素，背景填充深灰色。建新层，前景色#9a2941画一个圆角矩形。 添加图层样式。 然后建新层，画下图所示蓝色形状，效果如下， 单列选框工具点一下，填充白色，复制2个，图层模式叠加，添加蒙版去除多余部分。 输入白色文字，添加黑色1像素描边样式，具体不截图了，很容易。 建新层，调出形状1选区，填充白色，去掉选区，底部做一个大的椭圆选区，...[ 查看全文 ]

  西柚360

  31