
前端js
Return_KB
爱我所爱!
展开
-
利用freemarker模板导出单个word及多word压缩导出到浏览器下载
1、后端代码@RequestMapping(value = { "wordMultipleExport" }, method = {RequestMethod.POST}) public Result createMultipleWord(@RequestBody Map<String, Object> params,HttpServletRequest request,Htt...原创 2020-03-17 14:38:36 · 1137 阅读 · 0 评论 -
springboot开发环境下搭建ftp+nginx图片服务器以及其他文件的存储
一、在搭建一个ftp服务器用于存储文件二、下载nginx,安装完成后更改配置文件server { listen 80; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; loca...原创 2019-12-05 10:45:25 · 791 阅读 · 0 评论 -
通过拖动将商品添加到购物车效果代码实例
分享一段代码实例,它实现了通过拖动,将商品添加到购物车的功能。代码实例如下:00100200300400500600700800901001101201301401501601701801902002102202302402502602702802903003103203303403503603703803904004104204304404504604704804905005105205翻译 2018-01-10 10:02:27 · 1097 阅读 · 0 评论 -
JavaScript留言板效果代码实例
分享一段代码实例,它实现了简单的留言板效果。这里主要演练的是对于dom元素的相关操作技巧,代码实例如下:001002003004005006007008009010011012013014015016017018019020021022023024025026027028029030031032033034035036037038039040041042043044045046047048翻译 2018-01-10 09:55:00 · 4323 阅读 · 1 评论 -
angularjs实现的购物车效果代码实例
分享一段代码实例,它实现了购物车效果,能够实时计算商品的总价格。并且选中产品的时候,有相关样式的变化,代码实例如下:0010020030040050060070080090100110120130140150160170180190200210220230240250260270280290300310320330340350360370380390400410420430440450翻译 2018-01-10 09:27:11 · 326 阅读 · 0 评论 -
支持+86的手机和电话号码验证正则表达式
86就中国的国字区号是,在实际应用中可能有些电话或者手机号码前面需要添加+86,下面就介绍一下能够验证带有+86这种格式手机或者电话号码的正则表达式,代码实例如下: 0102030405060708091011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 h翻译 2018-01-09 17:06:45 · 12624 阅读 · 1 评论 -
js购物车选中商品实现计算商品总价格
为了在激烈的互联网竞争中获得一席之地,都努力使自己的网站更为人性化。比如在购物网站一般都有这样的功能,那就是在结算商品的时候,网站可以自动计算要购买商品所需要花费的金钱数量。代码实例如下:010203040506070809101112131415161718192021222324252627282930313233343536373839html>head>meta charset翻译 2018-01-09 17:03:24 · 15520 阅读 · 0 评论 -
JavaScript设置背景图片
本章节通过代码实例介绍一下如何利用js实现动态的为div元素设置背景图片。核心代码片段如下:[JavaScript] 纯文本查看 复制代码运行代码1odiv.style.backgroundImage="url('images/test.jpg')";下面给出一个完整的代码实例,使用的背景图片如下:309x99的图片分隔为9份,每一份的长宽分别是103px和翻译 2018-01-09 17:01:05 · 50445 阅读 · 2 评论 -
JavaScript点击一个按钮隐藏和显示div
本章节通过代码实例介绍一下如何实现点击同一按钮实现一个元素的显示和隐藏效果。此效果还是比较实用的,比如点击按钮可以实现一个功能模块的显示或者隐藏。下面就通过代码实例介绍一下如何实现此功能。代码实例如下:01020304050607080910111213141516171819202122232425262728293031323334html>head>meta ch翻译 2018-01-09 16:55:25 · 31059 阅读 · 3 评论 -
js二级导航菜单代码实例
分享一个比较简单的二级导航菜单效果。鼠标悬浮菜单能够出现二级菜单,代码实例如下:001002003004005006007008009010011012013014015016017018019020021022023024025026027028029030031032033034035036037038039040041042043044045046047048049050051052翻译 2018-01-10 10:05:43 · 6052 阅读 · 0 评论 -
HTML5 localStorage使用演示代码实例---------评论
分享一段代码实例,它利用localStorage实现了本地留言板功能。代码实例如下:0010020030040050060070080090100110120130140150160170180190200210220230240250260270280290300310320330340350360370380390400410420430440450460470480490500510翻译 2018-01-10 11:50:23 · 644 阅读 · 0 评论 -
js带有虚线框的拖动效果代码实例
分享一段代码实例,它实现了元素拖动效果。在拖动的时候具有一个虚线框在移动,当松开鼠标虚线框消失,原来的元素会被放置于此。代码实例如下:[HTML] 纯文本查看 复制代码运行代码0102030405060708091011121314151617181920212223242526272829303132333435363738394041424344454647484950515253翻译 2018-01-10 11:54:05 · 1554 阅读 · 0 评论 -
JavaScript 3D球形标签云代码
标签云效果当前运用比较广泛,当然形式也有很多种,比较常见的一种就是3D球形效果。下面就分享一个这样的代码实例,需要的朋友可以做一下参考。<!doctype html><html><head><meta charset="utf-8"><title>3D球形标签</title><style type="翻译 2018-02-11 15:52:31 · 1588 阅读 · 1 评论 -
JavaScript仿新浪微博搜索框功能
<!DOCTYPE html><html><head><meta charset=" utf-8"><title>新浪微博搜索框功能</title><style type="text/css">*{ padding:0; margin:0;}body{font-size:翻译 2018-02-11 15:46:31 · 1190 阅读 · 0 评论 -
JavaScript可以开始和停止的倒计时
代码如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><title>倒计时</title><style>body, div{ margin:0; padding:0;}body{ color:#fff; font:16px/1.5翻译 2018-02-11 15:40:09 · 1753 阅读 · 0 评论 -
js水平无缝滚动代码实例详解
本章节分享一段代码实例,它实现了图片无缝水平滚动效果。这样的功能在实际应用中比较常见,感兴趣的朋友可以做一下参考。代码如下:<!doctype html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/&翻译 2018-01-17 15:17:42 · 5035 阅读 · 1 评论 -
前端数据类型转化——字符串转数组
问题:数据库存一个字段存储List形式的数据,在前端for循环遍历取list里面的对象时出现arr[0]为"["原因:把该字段当做字符串处理了解决方案:如下var str="[{x:121.4059,y:31.026147},{x:121.407131,y:31.022982},{x:121.40877,y:31.023493},{x:121.407566,y:31.026646}]...原创 2019-07-10 10:48:04 · 2659 阅读 · 0 评论 -
倒计时一定时间跳转到另一个页面
倒计时效果应用非常的频繁,也比较简单,本章节主要针对javascript初学者的。下面就给出一个简单的代码实例,供初学者参考,希望能够有所帮助。代码实例如下:0102030405060708091011121314151617181920212223242526html>head>meta charset="utf-8" /> title>网页倒计时效果代码title> scr翻译 2018-01-09 16:49:12 · 2612 阅读 · 0 评论 -
点击弹出居中带有透明遮罩层窗口
本章节介绍一下如何点击一个按钮实现弹出一个居中窗口,并且此窗口带有半透明的遮罩层效果,此效果在当下比较流行,当然还有更为复杂的实现方式,当然效果也更为绚丽,下面介绍的代码能够简单实现此效果。代码如下:0102030405060708091011121314151617181920212223242526272829303132333435363738394041424344454647翻译 2018-01-09 16:45:44 · 900 阅读 · 0 评论 -
隔行变色效果
隔行变色效果在众多网站有应用,在列表条数比较多的情况下特别有效,提高了行与行之间的辨识度。纯CSS实现隔行变色当前存在一定浏览器兼容性问题,使用JavaScript实现更为稳妥。CSS实现可以参阅CSS表格隔行变色详解一章节。代码实例如下:0102030405060708091011121314151617181920212223242526272829303132333435翻译 2018-01-09 16:43:29 · 344 阅读 · 0 评论 -
js点击div左上角出现对勾选中效果
分享一段代码实例,它实现了选中div元素会在元素一角打勾的效果。代码实例如下:010203040506070809101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566html>head>meta charset=翻译 2018-01-17 15:14:29 · 6547 阅读 · 2 评论 -
记住密码
分享一段代码实例,它简单演示了localStorage的使用。代码实例如下:0102030405060708091011121314151617181920212223242526272829303132333435363738html>head>meta charset="utf-8">title>记住密码title>script src="http://libs.baidu.com翻译 2018-01-09 17:54:25 · 276 阅读 · 0 评论 -
js和css3实现能够展开和折叠的折扇效果
分享一段代码实例,它实现了能够展开和折叠的折扇效果。具体效果大家可以使用鼠标悬浮或者离开进行测试。代码实例如下:[HTML] 纯文本查看 复制代码运行代码00100200300400500600700800901001101201301401501601701801902002102202302402502602702802903003103203303403503603703翻译 2018-01-09 17:56:24 · 1476 阅读 · 0 评论 -
js实现的单行文本不间断无缝滚动效果(荧光屏文字 滚动效果)
本章节介绍一下如何利用原生javascript实现但行文本的不简单无缝滚动效果。这种效果在大量的网站都有使用,站点的公告或者其他功能一般会采用这种形式,下面就通过代码实例简单介绍一下。代码如下:01020304050607080910111213141516171819202122232425262728293031 html> head> meta charset=" utf翻译 2018-01-09 18:02:01 · 4159 阅读 · 0 评论 -
商品抢购倒计时效果
现在比较流行商品抢购活动,为了达到比较人性化的效果,通常有一个倒计时。下面分享一个比较简陋的商品抢购倒计时效果。代码实例如下:0102030405060708091011121314151617181920212223242526272829303132333435363738394041html>head>meta charset="utf-8">title>商品抢购倒计时效翻译 2018-01-09 18:04:02 · 1145 阅读 · 0 评论 -
three.js实现的地球3D旋转效果
分享一段代码实例,它利用three.js实现了地球的3D旋转效果。代码实例如下:0010020030040050060070080090100110120130140150160170180190200210220230240250260270280290300310320330340350360370380390400410420430440450460470480490500510翻译 2018-01-09 18:06:19 · 7510 阅读 · 1 评论 -
js点击当前链接背景变色其他链接恢复原来背景色
可能大家都见过这样的效果,点击一个链接背景会变色,当再点击其他链接的时候,之前被点击的链接背景颜色又会恢复。下面就通过代码实例介绍一下如何实现此效果。代码如下:[HTML] 纯文本查看 复制代码运行代码01020304050607080910111213141516171819202122232425262728293031323334353637383940414243444546474翻译 2018-01-10 09:24:15 · 2413 阅读 · 0 评论 -
JavaScript圆形钟表效果代码实例
分享一段代码实例,它实现了利用js实现了自动读取本地时间的圆形钟表效果。代码实例如下:001002003004005006007008009010011012013014015016017018019020021022023024025026027028029030031032033034035036037038039040041042043044045046047048049050051翻译 2018-01-10 09:32:20 · 1549 阅读 · 1 评论 -
js实现透明度渐变效果
如果有可能建议使用css3实现类似功能,具体可以参阅css实现透明度渐变效果一章节。下面分享一个使用js实现的此功能,兼容性更好一些,代码实例如下:01020304050607080910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758html翻译 2018-01-17 15:14:50 · 2851 阅读 · 0 评论 -
倒计时结尾使用动画效果代码实例
分享一段代码实例,它实现了倒计时效果。并且在倒计时的结尾有动画效果。代码实例如下:01020304050607080910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970html>head翻译 2018-01-17 15:15:08 · 621 阅读 · 0 评论 -
验证码
验证码大家应该不陌生,主要是为了网站的安全性,防止恶意注册和登陆。验证码实现的方式各有不同,下面是一段用javascript实现的验证码效果,供大家参考之用,希望能够给大家带来帮助。代码如下:01020304050607080910111213141516171819202122232425262728293031323334353637383940414243444546474849翻译 2018-01-09 16:41:06 · 251 阅读 · 0 评论 -
javascript(实时显示时间)代码实例
在很多网页上都有这样的功能,那就是有一块区域能够实时的显示当前的事件,这是比较人性化的一个举措,同时也让网站有了动态的感觉,下面是一段实现此效果的代码实例,希望能够给大家带来帮助。代码实例如下:0102030405060708091011121314151617181920212223242526272829 html> head> meta charset=" utf-8"> hea翻译 2018-01-09 16:39:19 · 1447 阅读 · 0 评论 -
JavaScript密码强度提示
输入密码的时候,根据密码的复杂程度给出弱、中和强等类似的提示。 下面分享使用JavaScript如何实现此效果。代码实例如下: html>head>meta charset=" utf-8">meta name="author" content="http://www.softwhy.com/" />head>title>蚂蚁部落title>style type="text/css">#pwdLe转载 2018-01-09 16:36:29 · 3568 阅读 · 0 评论 -
t计算时间差详解
实际应用中,需要计算两个时间点之间的差,很多时候需要精确到天、小时、分钟和秒。下面通过代码实例简单介绍一下如何实现此效果。代码实例如下:01020304050607080910111213141516171819202122232425262728293031323334353637383940414243 html> head> meta charset=" utf-8">翻译 2018-01-17 15:17:26 · 517 阅读 · 0 评论 -
浮动广告代码实例
很多网站的页面都有漂浮的广告效果,虽然烦人,但也确实起到了良好的宣传效果。各大代码网站也有关于漂浮代码的实例,很多存在着兼容性问题,不符合W3C标准,本站修复了兼容性问题,下面就简单介绍一下如何实现此效果。代码如下:[HTML] 纯文本查看 复制代码运行代码0102030405060708091011121314151617181920212223242526272829303翻译 2018-01-17 15:17:13 · 4518 阅读 · 0 评论 -
网页换肤代码
关于localStorage用法可以参阅localStorage一章节。下面分享一段简单的代码实例,它实现了利用localStorage进行换肤的效果。代码如下:0102030405060708091011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545翻译 2018-01-17 15:17:00 · 963 阅读 · 0 评论 -
鼠标悬浮背景变色导航菜单
分享一段代码实例,它实现了鼠标悬浮导航菜单背景变色效果。代码实例如下:010203040506070809101112131415161718192021222324252627282930313233343536373839404142434445464748html>head>meta charset="utf-8">title>鼠标悬浮背景变色导航菜单title>style ty翻译 2018-01-17 15:16:45 · 2170 阅读 · 1 评论 -
js五子棋效果代码实例
点击方格可以实现下子的效果,不过这不是一个游戏,我们并不能真正玩。代码实例如下:0010020030040050060070080090100110120130140150160170180190200210220230240250260270280290300310320330340350360370380390400410420430440450460470480490500510翻译 2018-01-17 15:15:48 · 908 阅读 · 0 评论 -
鼠标虚滑过选项卡切换效果代码实例
分享一段代码实例,它实现了鼠标滑过,选项卡切换效果。代码实例如下:0010020030040050060070080090100110120130140150160170180190200210220230240250260270280290300310320330340350360370380390400410420430440450460470480490500510520530540翻译 2018-01-10 09:58:04 · 620 阅读 · 0 评论