jQuery特效小实验

发表于 2019-02-23 | 分类于前端 | 评论数： | 阅读次数：

一个小小的特效的实验全部应用jQuery

示例

jquery实验

click

# 源代码 ## JavaScript部分

$('#test1').css(
  {
    'background-color':'red',
    'color':'white',
    'width':'50%'
  }
);
$('#test1').on('click',
function()
  {
    $('#test1').after($('<h1>确认点击</h1>'));
    $('#test1').hide(800).sideDown(800);
  }
)

html部分

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>jquery实验</title>
  </head>
  <body>
    <h1 id="test1">click</h1>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="/js/src/jq.js"></script>
  </body>
</html>