افکت متن در جی کوئری
شنبه 14 بهمن 1391 11:46 AM
افکت 1
این کد رو دیافت کنید و در قسمت head سایت قرار بدید و بعد کد زیر را در متن استفاده کنید
دریافت کد
دمو
| نمونه |
|---|
|
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Text-shadow in IE with jQuery</title>
<meta name="author" content="Kilian Valkhof" />
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.textshadow.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("h1,p.shadow").textShadow();
});
</script>
</head>
<body>
<div id="wrap">
<h1>H1 with shadow</h1>
<p class="shadow"><strong>This paragraph has text-shadow.</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam sit amet turpis. Phasellus rutrum ligula tristique massa. Nulla vitae augue. Aenean vel nibh ut erat ultrices consequat. Nunc venenatis tempus pede. In commodo nibh sit amet nisl. Phasellus consectetuer consectetuer justo. Duis ultrices, neque sed porttitor ultrices, mi orci semper nisi, in ultrices ligula sem vel purus. Phasellus in justo. Mauris lorem tellus, convallis nec, vehicula nec, tincidunt vel, eros. Donec vulputate, erat sit amet interdum gravida, tortor metus consequat massa, eu facilisis nunc felis ac ante. Praesent ac lectus non tortor tempor aliquet. Vestibulum a mi quis libero condimentum laoreet. Nullam rhoncus, odio ac ultrices luctus, quam purus laoreet metus, quis adipiscing massa sapien eget massa.</p>
<p><a href="#" onclick="$('h1').removeTextShadow()">remove the shadow from the h1</a> - <a href="#" onclick="$('h1').textShadow()">set the shadow on the h1</a></p>
<p class="span footer">Go back to the article: <a href="http://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/">Text-shadow in IE with jQuery</a><br />
Download the plugin: <a href="jquery.textshadow.js">jquery.textshadow.js</a> <br />Kilian Valkhof</p>
</div>
</body>
</html>
|
