232
2024-03-29 15:31
admin一、在哪个文件下修改网页里图片鼠标滑过黑白变彩色的图片效果？
应该是js，或者CSS，这两者可以调用，也就是后缀为.js或.css的文件，也可以在网上页直接输入代码使用，你要确定你用的代码的名字，找到对应的代码修改才可以
二、css设置鼠标滑过背景变色;鼠标滑过背景变色？
很多网页中我们都看到当鼠标滑过一个内容时，这个内容的背景会改变颜色。设置鼠标滑过背景变色只需用到 :hover 就可以设置成功。
语法: div:hover{background-color: red;}
1.创建一个新的html文件。如图
2.在html文件上找到body标签，在这个标签里创建一个div标签并设置class类为bg 。 如图：
代码：<div ></div>
3.在title标签后创建style标签用来给bg类添加样式。在这给bg类设置了一个宽、高和背景颜色。 如图
代码：
<style type="text/css">
.bg{
width: 150px;
height: 150px;
background-color: red;
}
</style>
4.设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图
代码：
.bg:hover{
background-color: burlywood;
}
5.实用浏览器打开。保存好html后使用浏览器打开，在鼠标没有滑过div时背景是红色的，当鼠标滑过div的时候背景从红色变为了棕色
6.所有代码，可把所有代码直接复制到新家的html文件上，保存好后用浏览器打开即可看到效果。如图：
所有代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鼠标滑过背景变色</title>
<style type="text/css">
.bg{
width: 150px;
height: 150px;
background-color: red;
}
.bg:hover{
background-color: burlywood;
}
</style>
</head>
<body>
<div ></div>
</body>
</html>
三、网页设计技巧：网页设计中图片该怎么排版？
一 个性的导航设计，字母就是。
二 登录页面设计
三 页面的分屏设计
四 古典风格页面设计 ，照片质量、摄影技术要求。
五 版式布局几何形设计
再来一组网页设计创意配图：
这些都可以用在网页设计的轮播图中。
四、PPT如何实现‘鼠标滑过图片切换”效果，急寻答案~~？
利用三张幻灯片，并给特定对象的添加动作设置（鼠标移过）进行一、二两张幻灯片之间的切换可以达到你所说的效果。具体方法：
第一张幻灯片：输入文字，对文本框进行动作设置，设置为鼠标移过链接到下一张幻灯片；再选中文字，设置单击鼠标链接到第三张（或指定幻灯片）；
第二张幻灯片：同位置同设置的文字（与第一张完全一样，并选中文字，设置单击鼠标链接到第三张或指定幻灯片）；图片，不添加效果；利用多边形工具，围绕文本框四周画一空心多边形，呈回字状，文本框处镂空，设置自定义图片效果，填充色随便，透明度100%，边框线无（将此自定义多边形设置为全透明），给此自定义多边形添加动作设置，设置为鼠标移过链接到上一张幻灯片；放映，是不是可以达到你所说的效果。此种做法的缺陷是只能对一个文本框设置此种效果，如果同一张幻灯片中有多个这种效果，只能用编辑的方式，当然会比较麻烦，因为要考虑不同的热区，设置不同的响应对象。如果需要，再联系！
五、网页设计中图片设计为多少像素？
现在的普遍要适应的电脑浏览器，在PHOTOSHOP中宽为960像素最为合适，你可以参考新浪、网易等门户网站的宽度值。下面，是几点分辨率在不同时期的参考值。
1、屏幕分辨率低时(640 x 480)，这是2000年左右，普遍的浏览器是这个分辨率，但已经被淘汰了。
2、接是1024x768的分辨率，很流行，实际在设计中，在PHOTOSHOP宽的设计值为760像素最合适。
3、随着现在宽屏时代的到来，1024也慢慢被淘汰了，现在都是大屏时代，基本上，从设计网页的角度来看，在PHOTOSHOP上，宽为960像素最为合适。
4、随现在浏览的工具越来越多，包括手机、IPAD等，出现了自适应的网页设计功能，需要HTML5及DIV+CSS的代码调用了。
六、网页设计图片怎么居中？
1、新建html文档，在body标签中添加div标签，然后在div标签中添加img标签。
2、为div标签添加“margin”属性，属性值是“0 auto”，这时div标签将会在网页中居中显示。
3、为div标签添加“text-align”属性，属性值是“center”，这时div标签内的img标签将会在div标签中居中显示，这样图片就会在网页中居中显示了。
七、DW鼠标滑过文字变颜色？
1、Dreamweaver里新建文档，输入文字，给文字加上相关内容的链接，文字就变色了。
2、点击“页面属性”，在弹出框选择“链接”。
3、“链接字体”、“大小”是设置已做有链接的文字的字体和大小。改变链接文字的颜色在后面“链接颜色”这里设置，文字就变回黑色了。
4、设置鼠标经过是文字变换的颜色，在“变换图像链接”里设置，设置为红色。浏览时鼠标经过文字变色了。
八、jQuery 鼠标滑过图片放大效果实现方法
在现代网页设计中，实现图片放大效果是非常常见的需求。通过使用 jQuery，我们可以很方便地实现当鼠标滑过图片时图片放大的效果。本文将介绍一种基于 jQuery 的实现方法。
准备工作
在开始之前，我们需要确保以下几点：
- 你已经有一个基本的网页结构，并且已经引入了 jQuery 库。
- 你有一些需要实现放大效果的图片。
HTML 结构
首先，我们需要设置好 HTML 结构。假设我们的图片都被包裹在一个class为"zoomable"的容器里：
<div class="zoomable">
<img src="path/to/your/image.jpg" alt="Your Image">
</div>CSS 样式
为了实现鼠标滑过放大效果，我们需要添加一些 CSS 样式。以下是一个基本的样式示例：
.zoomable {
position: relative;
overflow: hidden;
}
.zoomable img {
transition: transform 0.3s;
}
.zoomable:hover img {
transform: scale(1.2);
}上述代码为容器添加了相对定位和溢出隐藏属性，以及对图片添加了过渡效果和鼠标滑过时的放大效果。
jQuery 代码
现在，我们可以编写 jQuery 代码来实现鼠标滑过图片放大的效果：
$(document).ready(function() {
$('.zoomable').hover(function() {
$(this).find('img').css('transform', 'scale(1.2)');
}, function() {
$(this).find('img').css('transform', 'scale(1)');
});
});上述代码首先使用`$(document).ready()`函数确保页面加载完成后再执行代码。接着，我们通过选择器选中所有class为"zoomable"的元素，并在鼠标滑过时将图片元素的缩放属性修改为1.2，鼠标离开时恢复缩放属性为1。
效果演示
九、html里，鼠标滑过文字背景图片改变怎么编写代码啊？
可以用样式中的hover伪类制作。例子：a:hover{}代表鼠标经过的意思。改变背景图片可以写为：a{background-image:url(bg1.jpg)}a:hover{background-image:url(bg2.jpg)}
十、网页设计-图片居中写法之CSS篇？
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
body {text-align: center;background: url(small2.png); background-size: 60%;}。
3、浏览器运行index.html页面，此时成功通过css控制了图片居中显示。
- 相关评论
- 我要评论
-