Ext - heart class Element

最新推荐文章于 2024-04-07 16:43:50 发布

Open2ye

最新推荐文章于 2024-04-07 16:43:50 发布

阅读量220

点赞数

分类专栏： Ext 文章标签： EXT CSS JavaScript YUI XML ViewUI

2 篇文章

订阅专栏

本文介绍了一个使用Ext JS库操作DOM元素的示例，包括高亮显示元素背景、为元素添加自定义CSS类、居中元素以及设置元素透明度等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

xml 代码

<html>
<head>
<title>Ext lession 1 - heat class Elementtitle>
<link rel="stylesheet" type="text/css" href="http://www.agideo.com/lib/ext-1.0-alpha3/resources/css/ext-all.css"/>
<link rel="stylesheet" type="text/css" href="http://www.agideo.com/lib/ext-1.0-alpha3/resources/css/ytheme-aero.css" />
<script type="text/javascript" src="http://www.agideo.com/lib/ext-1.0-alpha3/yui-utilities.js">script>
<script type="text/javascript" src="http://www.agideo.com/lib/ext-1.0-alpha3/ext-yui-adapter.js">script>
<script type="text/javascript" src="http://www.agideo.com/lib/ext-1.0-alpha3/ext-all.js">script>
<style>
.red{
background-color : red;
}
style>
<script>
function f1()
{
var myDiv = Ext.get('myDiv');
myDiv.highlight(); // The element's background will highlight to yellow then fade back
}
function f2()
{
var myDiv = Ext.get('myDiv');
myDiv.addClass('red'); // Add a custom CSS class (defined in ExtStart.css)
}
function f3()
{
var myDiv = Ext.get('myDiv');
myDiv.center(); // Center the element in the viewport
}
function f4()
{
var myDiv = Ext.get('myDiv');
myDiv.setOpacity(.25); // Make the element partially-transparent
}
script>
head>
<body>
<div id='myDiv'>
Lession 1
div>
<input type="button" value="highlight" name="btn" onclick="f1();" />
<input type="button" value="addClass" name="btn" onclick="f2();" />
<input type="button" value="center" name="btn" onclick="f3();" />
<input type="button" value="setOpacity" name="btn" onclick="f4();" />
body>
html>