DW里面html鼠标点击特效,如何在Dreamweaver中设置手形鼠标样式效果

如何在Dreamweaver中设置手形鼠标样式效果

1、按F7(或点击快速启动栏里那个象“八卦图”似的图标)，调出CSS面板，选择“none”，再点击面板下部的编辑图标，在弹出的“Edit Style Sheet”对话框上按“New”按钮，在弹出的“New Style”对话框中选择“Make Custom Style (class)”后，在下面的“Name”输入框中输入“.cursor1”(也就是给要定义的class取个名字，注意前面那个小点不要漏了)，按OK，立即弹出“Style Definition for .cursor1”对话框，这时就可定义CSS的“.cursor1”了。

2、在“Style Definition for .cursor1”对话框左边的选择窗口中选择“Extensions”，在右边的面板上定义(也是选择)“Cursor”属性，本例是要求鼠标的'形状变为手形，所以点击那个三角形按钮，在拉出的鼠标样式列表中选择“hand”。

3、按OK按钮返回“Edit Style Sheet”对话框，按“Done”按钮，CSS就做好了。在网页源代码的〈head〉与〈/head〉之间见到的CSS代码是这样的：

〈styletype="text/CSS"〉

〈!--

.cursor1{cursor:hand}

--〉

〈/style〉

对于不是使用Dreamweaver的网友，直接把上述代码复制在〈head〉与〈/head〉之间，产生的效果相同。

4、选择一段文本或图象，点一下CSS面板上的“.cursor1”就行了。按F12，把鼠标移到那段加载了改变鼠标样式CSS的地方，鼠标就会变为手形。对于不是使用Dreamweaver的网友，需把class="cursor"加到网页的源代码中去才行。

若要把鼠标改变成其它形状，只要在第二步中定义“cursor”属性时选择不同的样式就行了。各属性值的含义如下：

crosshair：精确定位“十”字形; text：文本“I”形; wait：等待，“沙漏”形;default：默认指针; help：帮助，带尾箭头; e-resize：箭头朝右方; ne-resize：箭头朝右上方; n-resize：箭头朝上方; nw-resize：箭头朝左上方; w-resize：箭头朝左方; sw-resize：箭头朝左下方; s-resize：箭头朝下方; se-resize箭头朝右下方; auto：自动，鼠标按照默认的状态根据页面上的元素自行改变样式。

了解了上述属性值的含义，鼠标的形状就在你的掌握之中了，需要让鼠标在那里变为什么形状，只要重复上面的操作就行了。要注意的是：一次只能定义一种鼠标样式，若在一个页面上使用多种样式的鼠标图形，要定义多个“class"，用时选择加载。

【如何在Dreamweaver中设置手形鼠标样式效果】相关文章：

DW里面html鼠标点击特效,如何在Dreamweaver中设置手形鼠标样式效果相关推荐

python pygame鼠标点击_python – 如何在PyGame中响应鼠标点击sprite？
我通常给我的可点击对象一个click功能,就像你的例子一样.我将所有这些对象放在一个列表中,以便在调用click函数时轻松迭代. 在检查您按哪个鼠标按钮时,请使用事件的按钮属性. import pyg ...
dw如何制作图片自动切换效果_如何在Dreamweaver中制作图片切换的效果？
展开全部无标题文档 var s=function(){ var interv=2000; //切换32313133353236313431303231363533e4b893e5b19e313332 ...
dw中怎么设置站点服务器,如何在 Dreamweaver 中设置测试服务器
通过设置本地计算机.开发服务器.中间服务器或生产服务器作为测试服务器,测试动态网页或内容. 如果您计划使用服务器端语言(如 PHP)开发动态页,请设置一个测试服务器以便在您进行操作时生成并显示动态内容 ...
DW里面html鼠标点击特效,dw制作鼠标经过时图像放大鼠标离开图像回原形效果
网页制作图片特效有很多种,其中鼠标经过图片,可以有图片变大或切换图片的效果,在一些网购平台上我们就可能会看到将鼠标放置在一个商品上时,商品的图片可能会变大或变成商品其他角度的图片了,这其实就是两个比较 ...
javascript特效_如何在网页添加鼠标点击特效
经常有同学问我怎么做到的,本论坛属于DZ当然用的是插件啦. 偶然在网上找到一个关于wordpress的特效代码,分享给大家. WordPress 添加鼠标点击特效实际上这种教程在网上搜索一下有一大堆 ...
鼠标点击特效：canvas点击效果
JS代码(代码中包含了sketch.min.js的源码,如果你的网站已经引用了,请删掉下面的6到7行.): /** 鼠标点击特效:canvas点击效果*/ /* Copyright (C) 2013 ...
网页鼠标点击特效案例收集(直播间红心同理)
1. 鼠标点击出随机颜色的爱心 <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
WordPress主题添加鼠标点击特效
关于WordPress主题添加鼠标点击特效方法以及代码使用.看着花里胡哨的,其实实现很简单.找到相对应的文件位置,然后复制粘贴,最后保存运行即可.为了方便新手我尽可能详细些,使用方法:打开宝塔Linu ...
在鼠标点击特效上加上鼠标移动特效（一）
---------------------2021.3.31更新----------------------------- 补一个代码少一点的demo js代码打包下载下载 js.7z <!D ...

DW里面html鼠标点击特效,如何在Dreamweaver中设置手形鼠标样式效果

DW里面html鼠标点击特效,如何在Dreamweaver中设置手形鼠标样式效果相关推荐

最新文章

热门文章