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>
    

      

  • 相关阅读:
    空格转换
    vuex学习
    css移动端适配方法
    数组以及数组常用方法
    21-canvas事件监听
    20-canvas之形变
    [转]session 跨域共享方案
    [转载] 从mysql,代码,服务器三个方面看mysql性能优化
    [计算机]Alan Perlis人物简介
    Python环境搭建及pip的使用
  • 原文地址:https://www.cnblogs.com/xihehua/p/15739925.html
Copyright © 2011-2022 走看看