用js实现简单的效果，用js实现类的方法

在html中怎么用js实现鼠标指向图片时图片放大的效果?(具体实现)

1、分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

2、主要是onmouseover事件，鼠标移到图片上，和onmouseout事件，鼠标离开图片时触发。

3、用JavaScript实现图片点击放大再次点击恢复代码如下：知识拓展：JavaScript 是目前所有主流浏览器上唯一支持的脚本语言，这也是早期JavaScript的唯一用途。

相关问答

Q1: 详解如何使用原生JS实现移动端web轮播图效果

1、首先创建一个html文件，下图中我创建的是html5的，所以看起来很简单。2然后在html的主体部分添加一个div标签，然后在该标签下添加一个img标签，并设置img的宽高。

2、在使用js实现轮播图的效果前，先使用HTML和CSS完善这一模块的布局。本轮播图使用8张图片。每次出现两张。我们在使用HTML和CSS布局时可以先把第一组的两张图片放好位置。其他的放在两边隐藏起来。

3、首先来讲一下我的思路： 我们要想无缝切换图片，必须要在所有图片的最后添加一张第一张图片，因为要实现从最后一张切换到第一张时有过渡效果； 之后我们要让你处在第一张时，向前向后切换都要进行 隐式切换 。

Q2: 如何用js代码做一个烛光的光晕效果?

用iPhone手机的人常常看到这个效果：点击一个面板，面板左右滑动推出，原来面板滑走，新面板滑出，这种动画在Silverlight很容易做。

首先，打开html编辑器，新建html文件，例如：index.html。

当然最快捷方便的方法就是百度去找个类似的源码就可以搞定了。漂浮源码很多的~ 一般是先HEAD引入JS文件，然后BODY或者其他地方加入JS调用代码 就可以实现了。一般下载源码的地方会提示你怎么用。

图标用img标签显示，再img标签点击后，更改img的src属性，改变图标，将原来的空心换成红心的图片。图标用css控制，设置background-image显示空心的背景图片，这里图片最好是png的，点击后换成红心的图片。

一般是这个层是隐藏的(display：none)，然后点击你说的图片(或者任何的页面元素)，这个层就会显示（一般display：inline-block/block），同时设置一个灰色的背景看起来这个层是浮于下面的层之上的。

编写php验证码生成文件verification.php。新建login.html，编写登录表单。调用显示验证码图片。编写换验证码JS函数。调用：看不清，换一张验证码。编写登录处理文件dealLogin.php。测试登录。

Q3: 简单JS实现下拉菜单,web前端小技巧

1、目前流行的几种导航模式： 导航菜单的形式：根据产品的类型和功能，使用一个或多个导航菜单进行相关操作，从而提升产品的转化率。 导航功能：通过在用户下拉菜单时显示项目的类型，使用合适的形状，通过分层来分隔项目。

2、前台实现长链接的Js代码方法代码。后台实现的PHP方法代码。css样式的方法代码。声明一个socket方法代码。声明一个发送信息方法代码。声明一个对开连接，关闭socket方法代码。

3、首先AJAX调用的方法请参考 http：//zhidao.baidu.com/question/2463353html 然后建立后台数据查询页面，确保页面正常运作。输出的数据可以格式化为JSON格式方便前台JS调用。

4、首先网页中有一个隐藏的所有候选项的列表，然后你在输入框中每次按下按键输入的时候，会触发事件（例如keydown，keyup等），事件里面会执行模糊匹配，依次判断列表中的每个选项是否包含你输入的内容。

5、首先写出架构，两个 buttod （按钮）。下面是一个 div 存放文本和在后面的被js控制。先用 css 选择器 为 div 控制属性。然后写出 script 标签，可以写在外部，然后在引用。

6、var newOption = new Option(optionText， optionvalue)；--- 根据上面的语法，我们知道 select 选项分 optionText 和 optionvalue 两个内容，optionText 即下拉框中我们看到的选项，而 optionvalue 则是提交的实际值。

Q4: 29_用js实现一个省市级联效果

接下来，我们在#city中，放置三个select，并且三个select分别设置class属性为：prov、city、dist，分别表示省、市、区（县）三个下拉框。注意如果只想实现省市二级联动，则去掉第三个dist的select即可。

使用jquery的ajax方式从服务器加载json数据至客户端即可以实现省市级联的效果。具体如下：1）、页面初始化时，首先加载所有的省；2）、选择省，ajax传送编码至服务器，服务器根据选中的省编码，返回省下所有的市。

首先得把省的数据读出来，放在省的下拉列表里面，然后调用JavaScript的onchange方法，创建级联列表。注意的是Javascript接收Java传递过来的数据只能是字符串形式。

代码发不了，不过可以给你参考资料的方向：第一种：js实现省市级联 第二种：使用ajax，选中省份时用ajax将省份的id或其他信息发送到后台，然后根据这个条件查找出相关城市集合，再关联到页面就OK了。

Q5: 请问用JS怎样做这个效果?(点击下边的圆点转换图片)

1、imgsrc = ..\images/DTJPG这一步是没有作用的，因为img1你还没有定义。正确的方法是让图片元素的id是img1，然后 document.getElementById(img1).src = ..\images/DTJPG这样进行赋值。

2、之所用js添加小圆点，是因为小圆点的数量是由图片张数决定的。默认 li 的 class 为 quiet ， 第一张默认为 active 。

3、第一个是将所有图片加载，但是只显示一张图片，其余的隐藏，每点击一次，将当前的隐藏，下一个显示。

4、这个轮播图，我们通过两大模块构成；左右点击模块和姓名点击模块。然后在两者相关联来达到最终的效果。在使用js实现轮播图的效果前，先使用HTML和CSS完善这一模块的布局。本轮播图使用8张图片。每次出现两张。

用js实现简单的效果的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于用js实现类的方法、用js实现简单的效果的信息别忘了在本站进行查找喔。