求教高手,一个JS的效果

问题描述

像这样的http://api.39.net/tools/test/iq/index.html是怎么实现的啊?

解决方案

解决方案二:
几个li放在里面,平时隐藏,点击的时候从左到右移动
解决方案三:
引用1楼p2227的回复:

几个li放在里面,平时隐藏,点击的时候从左到右移动

。。。
解决方案四:
<ulstyle="margin-left:0;"><li></li><li></li>...</ul>

click:<ulstyle="margin-left:-500px;"><li></li><li></li>...</ul>

解决方案五:
LZ有试过他们说的方法吗其实用JS写个也很简单这样的JS特效算简单了
解决方案六:
<divid="outer"><divid="inner"><imgsrc="01.jpg"/><imgsrc="02.jpg"/><imgsrc="03.jpg"/></div></div>给你个思路:外层outer宽度定死,设置overflow:hidden,里层inner宽度为3个图片的总和,开始的时候显示01.jpg,点击后,把inner的marginLeft设置为-x,其中x为一张图片的宽度,如果要有逐渐移动的效果,可以设置一个setTimeout,让marginLeft的值逐渐的变化。
解决方案七:
内外嵌套div,然后改变scrollLeft可以解决。
解决方案八:
div+css+Js==ok

时间: 2024-09-08 21:20:46

求教高手,一个JS的效果的相关文章

JS实现鼠标箭头变成一个燃烧烛光效果的方法

 这篇文章主要介绍了JS实现鼠标箭头变成一个燃烧烛光效果的方法,实例分析了javascript操作鼠标事件及图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS实现鼠标箭头变成一个燃烧烛光效果的方法.分享给大家供大家参考.具体如下: 这是一个完全的鼠标箭头美化效果的JS代码,通过这个JS代码,把鼠标的箭头加上一个样式,燃烧中的蜡烛.这个也是很古老的代码了,只能在IE8及以下浏览器运行,代码如下: 代码如下: <html> <head> <meta

JS实现鼠标箭头变成一个燃烧烛光效果的方法_javascript技巧

本文实例讲述了JS实现鼠标箭头变成一个燃烧烛光效果的方法.分享给大家供大家参考.具体如下: 这是一个完全的鼠标箭头美化效果的JS代码,通过这个JS代码,把鼠标的箭头加上一个样式,燃烧中的蜡烛.这个也是很古老的代码了,只能在IE8及以下浏览器运行,代码如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"

如在两个窗体A、B各有一个textbox,先加载A后加载B。当加载B时,我想B内的textbox的属性和A内的textbox的属性一样,求教高手,谢谢!!!

问题描述 如在两个窗体A.B各有一个textbox,先加载A后加载B.当加载B时,我想B内的textbox的属性和A内的textbox的所有属性一模一样.我不想对B内的textbox的属性手动写代码一一设置,求教一比较好的方法求教高手,谢谢!!! 解决方案 解决方案二:控件属性可以绑定到对象实例,只要你将不同控件绑定到同一个对象实例,那么对象属性改变时不同控件自动就改变了:一个控件改变时自然就传递到其它控件也改变了.解决方案三:dimaastextbox'克隆一个textboxa=form2.t

html5-急求教!请JS或H5高手帮忙看个代码,代码中哪段是控制(图片)最大播放数量的?

问题描述 急求教!请JS或H5高手帮忙看个代码,代码中哪段是控制(图片)最大播放数量的? 我是新手,看不太明白,求教... 目前的代码是有10张图片顺序播放,但是我希望只播放3张,也就是最大播放数量控制在3以内. 非常感谢!!! (function(){ var now = { row:1, col:1 }, last = { row:0, col:0}; const towards = { up:1, right:2, down:3, left:4}; var isAnimating = fa

一个js封装的不错的选项卡效果代码_javascript技巧

复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> 选项卡效果 www.jb51.net</title&

一个JS翻页效果_javascript技巧

<IFRAME border=0 align=center marginWidth=0 marginHeight=0 src="1.htm" frameBorder=no width=200 scrolling=no height=200 style="border: 1px solid #CCCCCC" id="pic"></IFRAME> <a href="javascript:Page(-1)&quo

javascript 基础篇1 什么是js 建立第一个js程序_基础知识

javascript是一个基于对象和事件驱动,并且具有安全性的脚本语言,应用很广泛,不仅仅是网页,不要被jsp给困住. 基于对象,就是不需要指定变量的类型,你给他一个3,它知道是整型,如果给赋值'3',它就知道是char. 事件驱动,就是单击啊,之类的事件进行驱动. javascript优点:网页互动性强,简单易用.js主要是基于客户端运行,很大程度上减少了服务器的负荷. javascript是脚本编程语言:采用程序段方式实现,与HTML结合,java的编译器其实就是浏览器本身. 安全性:HTM

ajax-求高受!$.each嵌套$.each出现这样的问题,并且js无效果

问题描述 求高受!$.each嵌套$.each出现这样的问题,并且js无效果 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <

怎么从另一个js中获取里面的属性值

问题描述 怎么从另一个js中获取里面的属性值,请高手指教.集 解决方案 解决方案二:说下你用的场景啊,如果是同一个页面的话,定义出来的全局变量都是可以共享的,当然,先加载的js先执行有啥疑问继续回帖吧解决方案三:收说一下情景~~~解决方案四:观注.....解决方案五:楼主能够将问题说具体些,太抽象了...解决方案六:document.getElementbyid("");document.getElementbyName("");