请教大家如何用JQUERY写这样网页效果，做美工的，JS不太会，感谢大家！ - ITeye问答

问答首页 → Web前端技术

0 0

请教大家如何用JQUERY写这样网页效果，做美工的，JS不太会，感谢大家！5

html代码：
<script type="text/javascript" src="jquery.tools.min.js"></script> //网页用的jquery tools,没有用jquery
<ul class="ul1">
   <li>
       <a href="#" class="a1" title="a1"></a>
   </li>
   <li>
       <a href="#" class="a2" title="a2"></a>
   </li>
</ul>
<ul class="ul2">
   <li>
       <a href="#" class="b1" title="b1"></a>
   </li>
    <li>
       <a href="#" class="b2" title="b2"></a>
   </li>
</ul>
<a href="#" class="Btn">按钮</a>
想要这种效果：
点击Ul1里的一个任何一个a,取得它的title属性值，同理，点击UL2里的任何一个a,取得它的title属性值,这两个值连起来赋值到a的href里。实现点击不同组合，得到不同herf(页面)，方便跳转网页。

我写的这个valuea和valueb值都是undefined，实现不了，望求大家帮帮我，谢谢大家！

2014年5月24日 10:59

gxiaoyang22
26
0 0 2

查看图片附件

1个答案按时间排序按投票排序

0 0

采纳的答案

js里面这样写的
$(document).ready(function(){
	$('.ul1 a').click(function(){
	    var title = $(this).attr('title');
			alert(title)
	});
	
	$('.ul2 a').click(function(){
	    var title = $(this).attr('title');
			alert(title)
	});
	
		$('.Btn').click(function(){
	    $(this).html('xxxxxxxxxxxxxxx');
	});
});

2014年5月24日 11:11

lihao312
607
0 2 61

2条评论

相关推荐

JavaScript+jQuery网页特效设计实例源码: JavaScript 和 jQuery 是网页开发中两种非常重要的技术，它们在创建动态、交互式的网页效果方面扮演着关键角色。在这个"JavaScript+jQuery网页特效设计实例源码"的压缩包中，我们很可能会找到一系列实用的代码示例，...

使用jQuery实现的效果: jQuery是一个流行的JavaScript库，它简化了JavaScript的许多复杂性，使得开发者能够更轻松地实现动态网页效果。首先，jQuery的核心在于其选择器功能。通过$.fn.extend()方法，jQuery提供了一种简洁的方式来选取DOM...

应用js框架Jquery中ThickBox制作网页中div弹出效果: 通过使用 jQuery，开发者可以快速地实现复杂的网页效果，而无需编写大量的 JavaScript 代码。 ThickBox 是基于 jQuery 的一款弹出插件，它的主要功能是将内嵌在网页中的链接、图像、HTML 内容或 IFrame（可以加载...

基于jQuery/JS的简易网页计算器: 【标题】"基于jQuery/JS的简易网页计算器"揭示了这个项目的核心——使用JavaScript和jQuery技术来实现一个基本的在线计算功能。JavaScript是一种在客户端浏览器上运行的脚本语言，常用于网页交互和动态效果的实现，...

jquery-3.7.0.min.js（jQuery下载）: jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）...

网页设计期末作业，使用HTML、CSS、Jquery模仿网易云网页: JQuery是一个流行的JavaScript库，简化了JavaScript的使用，尤其是DOM操作、事件处理和动画效果。在模仿过程中，学生可以使用JQuery来实现网页的交互功能，如音乐播放、暂停、前进、后退，以及滚动监听、下拉菜单的...

JavaScript+jQuery网页特效设计任务驱动教程-PPT.zip: jQuery则是一个JavaScript库，它简化了JavaScript的使用，提供了更简洁的API，让开发者能够快速实现常见的网页效果。jQuery的主要特性包括选择器（用于定位DOM元素）、DOM操作、事件处理、动画效果以及Ajax交互。...

jQuery实现网页3D效果: jQuery，作为一款强大的JavaScript库，虽然其本身并不直接支持3D功能，但通过扩展插件和CSS3、WebGL等技术的结合，可以轻松实现网页3D效果。本文将深入探讨如何利用jQuery来创建3D效果，并关注其在不同浏览器中的...

jQuery技术在网页美工中的应用.pdf: 在网页美工设计中，jQuery的使用可以创建出富有视觉冲击力的交互效果。比如，可以利用jQuery实现图片轮播、菜单折叠、表单验证等功能，提升网站的吸引力和用户满意度。此外，jQuery的兼容性让它能在各种浏览器上运行...

jquery-2.1.1.js 、jquery-2.1.1.min.js 【jquery包 js】: jQuery 是一个广泛应用于网页开发的JavaScript库，它的出现极大地简化了JavaScript的复杂性，使得网页交互变得更加简单和高效。在这个主题中，我们将深入探讨jQuery 2.1.1版本，包括它的主要特性、功能以及在实际...

jQuery动态网页交互设计: 本项目专注于利用jQuery来实现动态网页交互设计，旨在帮助学习者掌握如何通过jQuery创建出具有动画效果、互动性强且视觉效果出色的网页。一、jQuery简介 jQuery是由John Resig于2006年推出的一个JavaScript库，它...

一个简单的含js和jQuery的网页: 标题 "一个简单的含js和jQuery的网页" 暗示我们正在探讨一个基本的Web页面，其中包含了JavaScript和jQuery这两个重要的前端技术。JavaScript是Web开发中的基础脚本语言，用于实现网页的动态交互，而jQuery则是一个...

jquery-3.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq: 在描述中提到的"jquery.js web开发使用，js文件"，这强调了jQuery.js在Web开发中的作用。它是一个JavaScript文件，用于增强网页的动态性和交互性。jQuery通过提供一套丰富的API，使得开发者可以快速实现常见的网页...

jquery手风琴效果: jQuery手风琴效果是一种常见的网页交互设计，它利用JavaScript库jQuery实现了一种可折叠和展开的面板效果，常用于导航菜单、信息展示等场景。在网页中，这种效果可以让用户在一个有限的空间内查看和访问大量内容，...

jquery实现网页换肤效果: 记得以前腾讯网页上有个根据用户心情自定义换皮肤颜色,感觉这个用户体验蛮好的,给出几套样式,...话说现在腾讯不知道咋的,去掉这个功能了,没事现在jquery博客给大家用jquery来实现这个效果.转自http://www.jqueryba.com/

jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】: jQuery 1.9.1版本是一个重要的里程碑，它对旧的API进行了清理和重构，移除了一些不推荐使用的函数和方法，以保持库的简洁性和未来发展的兼容性。例如，`.live()`方法在这一版本中被移除，取而代之的是`.on()`和`.off...

jquery-1.9.1.min.js_javascript_jquery_: 它的核心理念是“写得更少，做得更多”（Write Less, Do More），通过提供简洁的API，让开发者能够快速、高效地处理网页中的DOM操作、事件处理、动画效果和Ajax交互。jQuery 1.9.1.min.js 是这个库的一个特定版本，...

Flip! A jQuery 3D 效果: A jQuery plugin v0.9.9_files" 压缩包中，包含了实现这一效果所需的文件，通常包括 JavaScript 文件（如 `jquery.flip.min.js`），CSS 文件（如 `jquery.flip.css`）以及可能的图片资源。开发者需要将这些文件引入...

jquery-3.5.1.min.js_jquery-3.5.1.min.js_jquery_: 通过不断练习，你将会发现jQuery能够让你的JavaScript编程变得更加高效和愉快。总之，jQuery 3.5.1是JavaScript开发者不可或缺的工具，无论是在传统的Web开发还是在现代框架中，它的存在都有其独特价值。掌握这个...

JQuery颜色渐变插件jquery.color.js: JQuery是一种广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理、动画设计以及Ajax交互。然而，原生的jQuery库并不直接支持颜色渐变效果的动画。这正是`jquery.color.js`插件的用途所在。这个插件是专门为了...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics