版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.csdn.net/mayongzhan - 马永占,myz,mayongzhan
<!DOCTYPE html PUBLIC "-//W<?xml:namespace prefix = st1 /><chmetcnv w:st="on" unitname="C" sourcevalue="3" hasspace="False" negative="False" numbertype="1" tcsc="0">3C</chmetcnv>//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><?xml:namespace prefix = o />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="马永占(MyZ)" />
<meta name="Copyright" content="马永占(MyZ)" />
<meta name="description" content="" />
<meta name="keywords"content="" />
<link rel="icon" href="" type="image/x-icon" />
<link rel="shortcut icon" href="" type="image/x-icon" />
<link href="" rel="stylesheet" type="text/css" />
<title> </title>
<style type="text/css">
a.test { font-weight: bold; }
div.protected { height:50px;width:50px;background:#FF0000; }
</style>
<script type="text/javascript" src="jquery-<chsdate w:st="on" year="1899" month="12" day="30" islunardate="False" isrocdate="False">1.2.6</chsdate>.js"></script>
</head>
<body>
<!--<a href="http://jquery.com/">Test</a>-->
<!--<a href="http://blog.csdn.net/mayongzhan/" class="clickme">class = clickme</a>
<a href="http://blog.csdn.net/mayongzhan/" class="hideme">class = hideme</a>-->
<!--<div class="protected">div</div>-->
<!--<div id="some.id">special_1</div>
<div id="some[id]">special_2</div>-->
<script type="text/javascript">
$("document").ready(function(){
////////////////////////////////////////////////////////////////////////////////////////
//$("a").click(function(event){
// alert("Thanks for visiting!");
//});
////////////////////////////////////////////////////////////////////////////////////////
//$("a").click(function(event){
// alert("As you can see, the link no longer took you to jquery.com");
// event.preventDefault();
//});
////////////////////////////////////////////////////////////////////////////////////////
//$("a").click(function(event){
// event.preventDefault();
// $(this).hide("slow");
//});
////////////////////////////////////////////////////////////////////////////////////////
//$("a").addClass("test");
////////////////////////////////////////////////////////////////////////////////////////
//$("a").addClass("test");
//$("a").removeClass("test");
////////////////////////////////////////////////////////////////////////////////////////
//$("a").addClass("test").show().html("foo");
////////////////////////////////////////////////////////////////////////////////////////
//$("a")
//.filter(".clickme")
//.click(function(){
// alert("You are now leaving the site.");
// //return false; //这个和event.preventDefault();等效
//})
//.end()
//.filter(".hideme")
//.click(function(){
// $(this).hide();
// return false;
//})
//.end();
////////////////////////////////////////////////////////////////////////////////////////
//$.get('jqueryall.php', function(data){
// myCallBack(data);
//});
//function myCallBack(data){
// alert(data);
//}
////////////////////////////////////////////////////////////////////////////////////////
});
</script>
</body>
</html>
分享到：
相关推荐
jQuery制作FAQ内容展开与折叠的效果
本文将详细探讨"可展开和收缩的jQuery FAQ问答列表特效"这一主题，以及它在实际应用中的相关知识点。 首先，FAQ（Frequently Asked Questions，常见问题）问答列表是网站上常见的一种信息展示方式，它帮助用户快速...
在这个“jQuery toggle事件制作FAQ列表页”项目中，我们重点探讨如何利用jQuery的toggle事件来创建一个功能丰富的常见问题解答（FAQ）页面。以下是关于这个主题的详细知识点： 1. **jQuery toggle事件**：toggle...
《使用jQuery实现FAQ问答展开与折叠的技巧》 在网页设计中，FAQ（Frequently Asked Questions，常见问题解答）部分通常包含一系列用户可能遇到的问题及其答案。为了优化用户体验，经常采用展开与折叠的交互方式来...
jQuery实现的FAQ文字伸展、收缩特效，一段文字目录、内容展开与折叠的效果，可看作是一个非常酷的菜单，怎么说了，就像手风琴菜单一样，点右上角的小按钮可全部展开内容，再点击展开内容中的某一条标题，会继续展开...
jQuery-FAQ-accordian-Slider是一款简单实用的jQuery FAQ手风琴特效。通过它可以制作于用户交互的问答FAQ系统。该特效只是简单的实现平滑过渡的手风琴效果，整个FAQ效果的样式可以通过CSS来完全自定义。
本篇文章将详细讨论在使用jQuery时，如何实现常见问题FAQ的展开收缩列表效果，这对于创建交互式的用户界面至关重要。 首先，我们需要理解基本的HTML结构。一个FAQ（常见问题解答）通常包含一个问题标题和对应的答案...
《jQuery常见问答与FAQ特效详解》 在网页开发中，jQuery作为一个强大的JavaScript库，极大地简化了DOM操作、事件处理和动画制作。对于开发者而言，掌握jQuery的常见问题和解决方法，以及如何创建吸引人的FAQ（常见...
**jQuery和CSS3 FAQ问答页面模板详解** 在网页设计中，FAQ（常见问题解答）页面是必不可少的一部分，它能够提供用户快速找到问题解决方案的途径。本文将深入探讨一个基于jQuery和CSS3的FAQ问答页面模板，它具有人性...
本篇文章将详细讲解如何利用jQuery的toggle事件来创建一个常见问题解答（FAQ）列表页的特效代码。 首先，我们要了解jQuery的`toggle()`函数。这个函数有两个主要功能：切换元素的可见状态和绑定/解绑事件。在这里，...
【jQuery FAQ可收缩手风琴】是一种常见的网页交互设计元素，它通过使用jQuery库实现了一个功能丰富的FAQ（常见问题解答）部分。这个设计允许用户点击问题标题，展开对应的答案，以此来节省页面空间并提高用户体验。...
本资源"可展开和收缩的jquery FAQ问答列表特效.zip"提供了一个实现常见FAQ（Frequently Asked Questions，常见问题）列表交互效果的jQuery插件。下面我们将深入探讨这个特效的实现原理、使用方法以及可能的应用场景...
本教程将聚焦于如何使用jQuery实现FAQ（常见问题解答）的展开折叠特效，这是一种常见的网页交互功能，可以提高用户体验，使页面更加整洁。 首先，我们需要在HTML结构中为每个问题和答案创建相应的元素。通常，我们...
在这个“FAQ可收缩jquery手风琴导航.zip”压缩包中，包含了一个基于jQuery实现的FAQ（常见问题解答）手风琴导航。手风琴导航是一种常见的网页交互设计，它允许用户展开或收缩各个部分，以节省页面空间并提供更清晰的...
【jQuery FAQ问答列表特效详解】 在网页设计中，FAQ（Frequently Asked Questions，常见问题解答）列表是常见的信息展示方式，用于提供用户关心的问题及其答案。一个交互良好的FAQ列表能够提高用户体验，使得用户能...
在本示例中，"jQuery手机端常见问题列表展开收缩代码"是一个利用jQuery.mobile.js插件设计的功能，适用于手机移动端的FAQ（常见问题）页面。这个功能允许用户点击问题标题来展开或收缩对应的答案，提高用户体验，...
本文件的标题提到的“jquery toggle faq 春江花月夜版”，暗示了这里将使用jQuery的toggle功能来实现一个以张若虚的《春江花月夜》为主题的FAQ内容展示。描述部分强调了点击实现内容显示效果这一点，并提示对这个...
此demo是基于jquery而开发的流程图插件，可用于系统定制化审批等功能的开发应用。 FlowdesignV3_0的功能非常多，可扩展性很强，为了方便理解，我分别做了两demo一个一个是简的，一个是相对比较复杂的应用。建议学者...
在实际项目中，jQuery Accordion常用于导航菜单、FAQ、条款和条件等场景，帮助用户更有序地浏览和查找信息。 总结起来，jQuery Accordion是一种强大的交互设计工具，通过简单的API就能实现丰富的折叠效果。熟练掌握...