纯JS写出日历

封装代码: (function(cmf){ cmf.showDcalendar=function(){ var fnname=cmf.fn var id="cmfrili2" var yy=f23timeselecta1.value,mm=f23timeselecta2.value-1 var newdara=new Date() var dd=newdara.getDate(); var d=new Date(yy,mm,1),t if(mm==0){mm=12;yy--} var…

用js写出光棒效应的两种方法与jquery的两中方法

使用纯js写的一个分页

上图晒效果: 网上确实有很多分页的插件以及开源代码,单本是一个后台开发猿,前台css等样式还驾驭不住,所以就开始自己去写了.其实这个分页原理很简单,就是用ajax往后台传值(当前页码),后台使用limit进行分页. 因为这是我自己第一次动手用js写分页,写的应该也不是很完美,有些公共的没有抽取出来,但是用起来还是可以的,这块代码是可以把它当做公共的分页去处理的,我就是用这块代码写了两个稍微不同一些的分页!公共的代码抽取的也差不多,主要就是ajax后台以及返回的值不同而已,只要把总页码的值获取到…

用js写出一个漂亮的单选框选中效果

一般的input框比较简单,我们可以用JavaScript配合css背景图片定位让我们模拟写出一个点击选中效果首先需要有个图片素材,当页面加载的时候是背景图片定位到左图,当我们点击图片的时候,背景图片定位到右图 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javasc…

js写个日历

其实我是一个对时间和日期不怎么感兴趣的人,小学的时候感觉时间或者日期那块就让我很晕,因为有时候是100进制有时候是60进制,搞的我对日历一直很不感兴趣,最近不知道为什么想写一个日历了,可想而知,这个玩意对我的大脑会造成多大的伤害,很简单的. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>日历</title> <style type=…

js写出斐波那契数列

斐波那契数列:1.1.2.3.5.8.13.21.34.…… 函数: 使用公式f[n]=f[n-1]+f[n-2],依次递归计算,递归结束条件是f[1]=1,f[2]=1. for循环: 从底层向上运算, a(0)+a(1)->a(1) //第0个数字+第1个数字=第2个数字a(1)+a(1)->a(2) //第1个数字+第2个数字=第3个数字a(2)+a(3)->a(5) //第2个数字+第3个数字=第4个数字······a(n-1)+a(n-2)->a(n) 因此,在循环中只要…

自己用js写的日历（在考勤中使用，显示员工的日期的考勤情况）

1.HTML部分 <div id="AttendanceDataDetailDiv"> <div class="A_close"> <div id="AttendanceDataLevelTitle">考勤明细</div> <a href="javascript:void(0)" class="aAX" id="PowerA">…

javascript js写特效日历

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><meta h…

纯js写图片轮播插件

最近终于写成了自己创作的图片轮播插件,使用原生js编写.与目前网上流行的轮播插件相比,功能和效果稍弱,但是使用起来相当方便. 先看html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>图片轮播</title> <link rel="stylesheet" type="text/css" hr…

纯JS写最简单的图片轮播

非常简单的一个大图轮播,通过将控制显示位置来进行轮播效果,写来给正在学习的新手朋友们参考交流. 先看效果:(实际效果没有这么快) 先看布局: <div id="display"> // 显示容器 <div id="tp" style="left:0px"> // 图片容器一定要加left <img src="img/lunbo1.png" /> //图片 <img src="…

用纯css写出三角形

1.新建一个元素,随便什么元素,不过我习惯性的会用块元素来做.如果行内元素就display:block它.<div class="triangle"></div>2.把它的宽高设置为height:0px; width:0px;3.设置边框border属性,用来实现三角形.首先要了解border具体是怎么样的,我写了一个这样的样式:border:50px solid #000; border-color:#f00 #000 #f0f #00f;在FF下面显示效果如…

纯js写“运动”框架

所谓“运动”不一定真的是运动,在连续的一段时间内改变某一样式都可以成为“运动”. 先写几个会用到的函数 //获取某一元素的指定样式 function getstyle (element, target) { // body... if (element.currentStyle) { return element.currentStyle[target]; }else{ return window.getComputedStyle(element, null)[target]; } } //填充…

纯JS写动态分页样式效果

效果图如下: html: <body> <div> <table id="btnbox"> <tbody> <tr><td> <a href="#" class="btn">上一页</a> <a href="#" index="1">1</a> <a href="#&quo…

纯JS写的2048游戏，分享之

这几天玩儿着2048这个游戏,突然心血来潮想练习下敲代码的思路.于是乎就模仿做了一个,到眼下位置还没有实现动态移动,不是非常好看,只是玩儿着自己模仿的小游戏还是蛮爽的,哈哈假设没有玩儿过这个游戏,最好先试玩儿下,这样看起下边的代码来easy些用的是event.临时不支持firefox下玩儿... 试玩儿>> 里边好多步骤写得不够简单介绍明了.欢迎指正两个小时构思,主要构思用什么形式存表格,以及当中用到的几个比較关键的方法,比方:是否须要移动,是否须要合并,移动方法.合并方法等,然后開始编…

纯JS写的一款记录事项的单页应用

要点: 1.使用localStorage存储 2._change_record_progress函数以字符串作为参数,用eval执行这个参数 3.使用了jQuery自定义事件,便于数据改变时实时更新显示 4.这一版代码中不考虑CSS问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">  <scr…

利用纯代码写出一个秒表表盘的方法 —— #DF

@interface ViewController () @property (nonatomic, strong) CALayer *secLayer; // 秒针layer @property (nonatomic, strong) NSTimer *timer; // 定时器 @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // 创建一个表盘 UIView *showView =…

纯js写验证码

<html> <head> <meta name="viewport" content="width=device-width" /> <title></title> <style type="text/css"> .code { background-image: url(code.jpg); font-family: Arial; font-style: italic;…

JavaScript中纯JS写21点游戏

// 21点游戏分为人机对战和人人对战 // 玩家每次抽一张牌牌的点数为1-10点随机数谁更接近21点谁就获胜 let readline = require("readline-sync"); // 清屏函数 let clear = () => process.stdout.write(process.platform === 'win32' ? '\x1Bc' : '\x1B[2J\x1B[3J\x1B[H'); // 抽牌函数接收一个参数玩家对象 let takeC…

js写出你的名字的拼音，判断哪个字母出现的最多

JS写一个简单日历

JS写一个日历,配合jQuery操作DOM <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Calendar</title> <style>…

纯js分页代码(简洁实用)

纯js写的分页代码. 复制代码代码如下: //每页显示字数 PageSize=5000; //分页模式 flag=2;//1:根据字数自动分页 2:根据[NextPage]分页 //默认页 startpage = 1; //导航显示样式 0:常规 1:直接 3:下拉 TopShowStyle = 1; DownShowStyle = 0; var currentSet,CutFlag,TotalByte,PageCount,key,tempText,tempPage; key="";…

纯HTML+CSS写出一颗会飘动的树，有没有惊艳到你呢？

前言使用HTML+CSS能写出什么惊人的效果呢? 针对这个问题,我总会看到类似的回答,比如没有JS,前端永远都是静态的:HTML5要搭配JS,要不然一文不值. JS固然强大,但CSS也并非一文不值,这里我就要为CSS3鸣不平了,说出上面那些回答的人可能真的不了解CSS的强大之处. 今天这篇文章我们就一起来看看使用纯HTML+CSS如何写出一棵会飘动的树吧,看看你有没有被惊艳到. 文章末尾附有Github源码地址. CSS 会飘动的树-原型首先我们来看看这棵树的原型图吧. 原型图然后我们再去…

纯手写分页控件CSS+JS+SQL

Asp.net中虽然用DataPager配合ListView可以实现分页显示,但是有时候由于开发环境等问题不能用到DataPager控件,那么自己手工写一个分页控件就很有必要了,当然,最重要的是通用性. 首先,来看一下我的分页控件的显示效果: 简单说明:红底色的为当前页,白底红字的是选择新的页,共有1236页,默认从第1页开始显示,分页行长度含“……”共11格,有全显示,单边省略和两边省略三种模式. 当你仔细看完上图的显示效果并理解其分页的相应变化后,我们就要开始制作这个分页了:) 第一步)获取…