DHTML Archives - Tutorial24.ir

آموزش DHTML – قسمت دوم

دیدگاه‌ خود را بنویسید / DHTML، برنامه نویسی، طراحی وب / از Meghdad Alibakhshi

مثال های برای آموزش DHTML

<html>

<head>

<style>

body

{

background-attachment: fixed;

background-image: url('/bulboff.gif');

background-repeat: no-repeat;

}

</style>

</head>

<body>

<p>صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد</p>

<br /><br /><br /><br /><br /><br /><br />

<p>صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد</p>

<br /><br /><br /><br /><br /><br /><br />

<p>صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد</p>

<br /><br /><br /><br /><br /><br /><br />

<p>صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد</p>

<br /><br /><br /><br /><br /><br /><br />

<p>صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد</p>

<br /><br /><br /><br /><br /><br /><br />

<p>صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد</p>

<br /><br /><br /><br /><br /><br /><br />

<p>صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد</p>

<br /><br /><br /><br /><br /><br /><br />

<p>صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد</p>

<br /><br /><br /><br /><br /><br /><br />

<p>صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد</p>

</body>

</html>

<html>

<body>

<h1 id="header">My header</h1>

<script type="text/javascript">

document.getElementById('header').style.color="red";

</script>

<p><b>Note:</b> It is the script that changes the style of the element!</p>

</body>

</html>

<html>

<head>

<style>

body

{

background-attachment: fixed;

background-image: url('/bulboff.gif');

background-repeat: no-repeat;

}

</style>

</head>

<body>

صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد

صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد

صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد

صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد

صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد

صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد

صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد

صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد

صفحه را اسکرول کنید و ببینید چه اتفاقی می افتد

</body>

</html>

<html>

<body>

<h1 id="header">My header</h1>

document.getElementById('header').style.color="red";

</script>

Note: It is the script that changes the style of the element!

</body>

</html>

چگونه به یک المنت دستیابی پیدا کنیم و شیوه آن را تغییر دهیم:

<html>

<body>

<img id="image" src="/smiley.gif" width="32" height="32">

<script type="text/javascript">

document.getElementById('image').src="/landscape.jpg";

</script>

<p><b>Note:</b> The original image was a smiley, but the script changes the source to a landscape image!</p>

</body>

</html>

<html>

<body>

document.getElementById('image').src="/landscape.jpg";

</script>

Note: The original image was a smiley, but the script changes the source to a landscape image!

</body>

</html>

چگونه می توان به یک تصویر عنصر دسترسی داشت و خصوصیت “SRC” آن را تغییر داد؟

<html>

<body>

<h1 id="header">Old header</h1>

<script type="text/javascript">

document.getElementById('header').innerHTML="New header";

</script>

<p>Note that the original text was "Old header"!</p>

</body>

</html>

<html>

<body>

<h1 id="header">Old header</h1>

document.getElementById('header').innerHTML="New header";

</script>

Note that the original text was "Old header"!

</body>

</html>

چگونه می توان به یک عنصر دسترسی داشت؟ …

آموزش DHTML – قسمت دوم ادامه »