این شمارنده چرا کار نمیکن؟
- نویسنده موضوع kaj01
- تاریخ شروع
<!DOCTYPE html>
<html lang"en">
<head>
<meta charset="utf-8">
<title>...</title>
<link rel="stylesheet" type="text/css" href="path/to/your.css" />
<script src="path/to/your.js"></script>
</head>
<body>
...your html
</body>
</html>
اینم یه حالت کلی هستش
<html lang"en">
<head>
<meta charset="utf-8">
<title>...</title>
<link rel="stylesheet" type="text/css" href="path/to/your.css" />
<script src="path/to/your.js"></script>
</head>
<body>
...your html
</body>
</html>
اینم یه حالت کلی هستش
kaj01
تازه وارد
پیدا کردم مشکل بچه ها گفتم شاید ب دردتون بخوره فایل jquery.min.js وصل نبود و ب خاطر اینکه از سایت اصلی codepen.io وصل بود نشون میداد
کافیه شما
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>در html بذارید.
اینم سورس کلیش :
کافیه شما
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>در html بذارید.
اینم سورس کلیش :
کد:
<!DOCTYPE html><html > <head> <meta charset="UTF-8"> <meta name="google" value="notranslate"> <title>CodePen - jQuery CountUp</title> <script src="http://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="//codepen.io/assets/reset/normalize.css"> <style> body { background-color: #F46A6A; color:#fff; max-width:800px; margin: 100px auto 0; text-align: center; display: table;}.counter { display: table-cell; margin:1.5%; font-size:50px; background-color: #FF6F6F; width:200px; border-radius: 50%; height:200px; vertical-align: middle;} </style> <script> window.console = window.console || function(t) {};</script> <script src="//assets.codepen.io/assets/libs/prefixfree.min-d258f6cb24f3a877e4fb83b348ec8a3f.js"></script> </head> <body> <div class="counter" data-count="300">0</div><div class="counter" data-count="400">100</div><div class="counter" data-count="1500">200</div> <script src="//assets.codepen.io/assets/common/stopExecutionOnTimeout-f961f59a28ef4fd551736b43f94620b5.js"></script> <script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script> $('.counter').each(function () { var $this = $(this), countTo = $this.attr('data-count'); $({ countNum: $this.text() }).animate({ countNum: countTo }, { duration: 8000, easing: 'linear', step: function () { $this.text(Math.floor(this.countNum)); }, complete: function () { $this.text(this.countNum); } });}); //@ sourceURL=pen.js </script> <script> if (document.location.search.match(/type=embed/gi)) { window.parent.postMessage("resize", "*"); }</script> </body></html>