jquery给标题增加常用的效果

jquery给标题增加常用的效果
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>dom manipulation</title>
<script language="网页特效" src="/jquery-1.5.2.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
//$('div.chapter a').attr({'rel':'external'});
$('div.chapter a').each(function(index){
var $linkthis=$(this)
$linkthis.attr({
'rel':'external',
'id':'wikilink-'+index,
'title':'你好,现在在试验'+$linkthis.text()
});
});
$('#wikilink-1').css教程('fontsize',33);
});
</script>
</head>
<body>
<!-- begin example -->
<h1 id="f-title">flatland: a romance of many dimensions</h1>
<div id="f-author">by edwin a. abbott</div>
<h2>part 1, section 3</h2>
<h3 id="f-subtitle">concerning the inhabitants of flatland</h3>
<div id="excerpt">an excerpt</div>
<div class="chapter">
<p class="square">our professional men and gentlemen are squares (to which class i myself belong) and five-sided figures or <a href="http://en.wikipedia.org/wiki/pentagon">pentagons</a>.</p>
<p class="nobility hexagon">next above these come the nobility, of whom there are several degrees, beginning at six-sided figures, or <a href="http://en.wikipedia.org/wiki/hexagon">hexagons</a>, and from thence rising in the number of their sides till they receive the honourable title of <a href="http://en.wikipedia.org/wiki/polygon">polygonal</a>, or many-sided. finally when the number of the sides becomes so numerous, and the sides themselves so small, that the figure cannot be distinguished from a <a href="http://en.wikipedia.org/wiki/circle">circle</a>, he is included in the circular or priestly order; and this is the highest class of all.</p>
<p><span class="pull-quote">it is a law of nature <span class="drop">with us</span> that a male child shall have <strong>one more side</strong> than his father</span>, so that each generation shall rise (as a rule) one step in the scale of development and nobility. thus the son of a square is a pentagon; the son of a pentagon, a hexagon; and so on.</p>
</div>
</body>
</html>

时间: 2024-09-29 13:54:58

jquery给标题增加常用的效果的相关文章

jquery实现标题字体变换的滑动门菜单效果_jquery

本文实例讲述了jquery实现标题字体变换的滑动门菜单效果.分享给大家供大家参考.具体如下: 这里使用jquery字体会变大的网页滑动门菜单,当把鼠标放在"门"上的时候,门内的菜单字体会变大变色,对应的内容同时切换,不知如何形容本效果,所以就叫字体会变的滑动门吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-font-cha-tab-menu-style-codes/ 具体代码如下: <!DOCTYPE html

jQuery实现标题有打字效果的焦点图代码_jquery

本文实例讲述了jQuery实现标题有打字效果的焦点图代码.分享给大家供大家参考,具体如下: 给大家分享一款基于jQuery标题有打字效果的焦点图,具有标题打字形式逐渐显示的功能.这款焦点图适用浏览器有:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-title-print-style-flash-codes/ 完整实例代码代码点击此处本站

jQuery中常用动画效果函数(日常整理)_jquery

jquery中动画效果非常多,下面小编给大家分享一下jquery中的动画函数. jQuery的效果函数列表: animate():对被选元素应用"自定义"的动画. clearQueue():对被选元素移除所有排队的函数(仍未运行的). delay():对被选元素的所有排队函数(仍未运行)设置延迟. dequeue():运行被选元素的下一个排队函数. fadeln():逐渐改变被选元素的不透明度,从隐藏到可见. fadeOut():逐渐改变被元素的不透明度,从可见到隐藏. fadeTo(

JQuery+EasyUI轻松实现步骤条效果_jquery

EasyUI 简介 easyui是一种基于jQuery的用户界面插件集合. easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能. 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面. easyui是个完美支持HTML5网页的完整框架. easyui节省您网页开发的时间和规模. easyui很简单但功能强大的. jQuery EasyUI 提供易于使用的组件,它使 Web 开发人员能快速地在流行的 jQuery 核心和 HTML5

jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)_jquery

本文实例讲述了jQuery实现鼠标跟随提示层效果代码.分享给大家供大家参考,具体如下: 运行效果截图如下: Web网站有不少需要用到tip提示层的地方,结合jquery的jquery.cluetip.js ,可以实现本地字符或ajax异步调用显示提示层.如以上购评分明细提示.(优势:宽度需要调用页加载时定义,高度auto , 且三角指定图标能根据显示层的大小位置来调用它的位置,达到醒目直观的效果) jquery.cluetip.css /* global */ #cluetip-close im

jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换

jquery实现隐藏显示层动画效果.仿新浪字符动态输入.tab效果等等,以下为所有代码,感兴趣的朋友可以练练手哈,希望对大家学习有所帮助   已经有两年多没登陆csdn账号了,中间做了些旁的事,可是现在却还是回归程序,但改做前端了,虽然很多东西都已忘得差不多了,但还是应该摆正心态,慢慢来,在前端漫游,做一只快乐双鱼. 路是一步一步走出来的,知识是一点一滴积累的,记录是笔财富,来吧,一起学着总结做笔记. 这几天在写后台文章的一些页面,为了能得到更好的交互性,需要做一些效果,js无疑使不二之选,但由

jQuery实现行文字链接提示效果的方法

 这篇文章主要介绍了jQuery实现行文字链接提示效果的方法,实例分析了jQuery操作文字提示效果的方法,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery实现行文字链接提示效果的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm

jQuery实现的tab标签切换效果示例_jquery

本文实例讲述了jQuery实现的tab标签切换效果.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <

jQuery实现的图片轮播效果完整示例_jquery

本文实例讲述了jQuery实现的图片轮播效果.分享给大家供大家参考,具体如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片轮播</title> <style type="text/css"> *{ padding: 0; margin: 0;} li{ list-