zoukankan      html  css  js  c++  java
  • (转)关于文字放大缩小

    内容转自 https://blog.csdn.net/iteye_3606/article/details/82297499

    注意 jquery 引入

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<meta name="viewport" content="width=device-width, initial-scale=1">
    		<title></title>
    		<script src="jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
    	</head>
    	<body>
    		<p>A就变大</p>
    		<button type="button" id="Anim" onclick="cti()">1111</button>
    	</body>
    	<script type="text/javascript">
    		function cti() {
    			
    			console.log("1111")
    			$('p').animate({
    				fontSize: '+=7px'
    			}); //animate() 实现改变css样式的方法
    			$('p').animate({
    				fontSize: '-=7px'
    			},200);
    		}
    	</script>
    </html>
    

      

    <!DOCTYPE html >
    
    <html >
    <head runat="server">
    <title></title>
    <script src="Jquery1.7.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function(){
    // $('p').one('click', function () {
    // $(this).animate({ fontSize: '+=7px' });
    // }) //只能点击一次
    $('p').bind('click', function () {
    $(this).animate({ fontSize: '+=7px' }); //animate() 实现改变css样式的方法
    })//可以连续放大
    })
    </script>
    </head>
    <body>
    <form id="form1">
    <p>打小代,我就变大</p>
    </form>
    </body>
    </html>
    

      

  • 相关阅读:
    Iterable,Iterator和forEach
    集合的线程安全性
    Servlet生命周期
    JavaWeb应用的生命周期
    将博客搬至CSDN
    (五)新类库的构件
    Python input和print函数
    python----调试
    Excel决定吃什么
    MATLAB—地图
  • 原文地址:https://www.cnblogs.com/xihehua/p/15739925.html
Copyright © 2011-2022 走看看