- 开源希米 //www.ximi.me
-
拖拽上传图片,可以多张同时上传
拖拽上传图片,可以多张同时上传在HTML5中,使用DataTransfer对象中提供的方法,可以实现浏览器与其他应用程序之间文件的拖动。html部分: <div class="content"> <form> <div class="drag" ondrop = "dropFile(event)" ondragenter = "return false" ondragover = "return false"> <span class="spn-img" id="spn-img"></span> </div> </form></div>css部分: * {margin: 0; padding: 0;}.content {margin:50px auto; width: 600px; border: 1px solid #ccc; padding: 20px;}.c
- 一个动态的图片翻动效果,从教育部首页学习获取
-
SOJSON深度IT技术博客 //www.sojson.com/blog/
SOJSON深度IT技术博客 //www.sojson.com/blog/soゝso一个低调而闷骚的男人。 访问博主 点击访问博友 通过JSON工具和 图片转base64网页搜索而获取的博友信息。 工具很多,实用。我又想下手复制他写的在线工具部分工能到我 工具箱里面了。一个动态的404 not found 效果,他是这样引用写入的。 <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"/> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-widt
- Web前端实战案例——电商网站商品菜单导航栏
-
AI大脑baidu 写的几个js文件简单明了
<script> function changeFavicon(src) { var link = document.querySelector("link[rel~='icon']"); if (!link) { link = document.createElement('link'); link.rel = 'icon'; document.getElementsByTagName('head')[0].appendChild(link); } link.href = src; } changeFavicon('//ai-public-console.cdn.bceb
-
思否,开发者社区,技术问答社区,技术博客 //segmentfault.com
通过一个css搜索问题,“你应该知道的21个html小技巧””纯CSS实现海浪文字效果” 找到了这个社区。觉得写的很不错,收藏下来共享给大家阅读与查阅。SegmentFault 思否 SegmentFault,思否,开发者社区,技术新闻资讯,技术问答社区,技术博客,技术笔记,技术号,技术圈,技术直播,在线编程,开源社区,开源项目,程序员,云计算,AI,区块链,前端,后端,小程序,安全,运维,软件开发,编程,cto,javascript,php,python,java,ios,android SegmentFault 思否是中国专业的开发者技术社区。我们以技术问答、技术博客、技术课程、技术资讯为核心的产品形态,为开发者提供纯粹、高质的技术交流平台。 由纯CSS杂志封面折叠效果 https://segmentfault.com/a/1190000044163417纯CSS实现海浪文字效果
- 鴻塵 Pythoner, Data Analyst //hwame.top
- xbl's Notes lxbwolf,GCTT,LCTT,个人博客 //lxb.wiki
-
js代码 如果访问的不是指定域名则网页内容为空白
<script>if(document.domain.indexOf('csroad.cn')==-1&&document.domain.indexOf('csroad')==-1&&document.domain.indexOf('kan')==-1&&document.domain.indexOf('wzb')==-1&&document.domain.indexOf('ucvip')==-1){document.body.innerHTML=" ";document.head.innerHTML=" ";}var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");if(location.host.indexOf('csroad.cn')!=-1
- 云计算运维讲师杜老师私人技术博客 //dusays.com
- Stephen's Blog - 个人原创博客 //stephen520.cn
-
使用JavaScript的Fetch API或FileReader来读取JSON文件并显示在网页上。
实现一个功能 ,用js对获取的json文件进行解析,并在web页面上显示出来。 方法1:使用Fetch API(适用于网络请求) // 假设json文件位于同一目录下fetch('data.json') .then(response => response.json()) .then(data => { console.log(data); // 控制台输出数据 document.body.innerHTML = `<pre>${JSON.stringify(data, null, 2)}</pre>`; // 渲染到网页 }) .catch(error => console.error('加载JSON失败:', error));方法2:使用FileReader(适用于本地文件上传) <input type="file" id="fileInput" accept=
-
一个js效果 界面多个彩色小汽球碰撞成烟花效果
一个js效果 界面多个彩色小汽球碰撞成烟花效果无意中访问到一个网站,正在改版。界面用动态的多彩小球效果演示网址:访问 点击访问演示地址 https://hao.360.com/?src=lm&ls=n67a6e1409a源码如下: < !DOCTYPE html > <html > <head > <meta http - equiv = "Content-Type"content = "text/html; charset=UTF-8" / ><meta name = "viewport"content = "width=device-width, initial-scale=1, shrink-to-fit=no" / ><title > 网站正在建设中. < /title> <style> @import url(https:/ / fonts.googleapis.com /
-
显示Iframe指定位置
显示Iframe指定位置只要1个wrapper指定高宽度,再用绝对定位,设置left和top为负值即可。 <style type="text/css"> .wrapper { width:670px; height:350px; margin:100px 30px; overflow:hidden; position:relative; } .iframe { width:1024px;height:768px; position:absolute; top:-300px; left:-300px; } </style> <div class="wrapper"> <iframe class="iframe" src="http://www.csroad.cn" scrolling="no" frameborder="0"> </iframe> </div>
-
技术胖的个人博客 ://jspang.com/
闲人一个,没啥本事。喜读书,爱折腾,愿分享,瞎叨叨。2025年,我41岁,不写博客有两年多了。 已退职场,每日无事,轻松潇洒,陪伴了老妈,有了自己的孩子,很幸福! 虽幸福,但感觉少了点什么。这一点也许就是 自己的价值,自己的存在感。 所以,我决定重新开始写博客,记录我的成长,记录我的生活,记录我的思考。希望可以通过博客帮助到一些人。 我也不知道我能坚持多久,但我会尽力去写,去分享。写博客前还是要定个初心,要不写着写着就乱了。外一写出点名堂,利益熏心,搞个知识付费,那就不好了。 我的初心是: 免费分享技术,通过费曼学习法,帮助到一些人。读书分享,把自己读书的感悟分享给大家。最新科技工具的分享,帮助大家提高工作效率。2025年目标 ps:写于:2025年1月18日编写Cursor系列教程,每周编写两篇,完成Cursor系列教程。读书20本,形成20篇读书笔记和视频。学习AI相关的知识和工具,
- 独自等待 言必信,行必果。 //waitalone.cn
-
这里是一个文章id实验
-
张子阳的博客 //www.tracefact.net
分享了我感兴趣的一些东西,目前有 读书摘要、技术文章 等。 我奉行极简的生活方式,不再使用的物品大多都会出售、送人、或者直接丢弃。因此,在 店铺 栏目中,也出售或者赠送一些闲置物品,大部分是书。 关于我陕西西安人,现居深圳。一直从事软件产品开发和开发团队的管理,以前主要使用微软技术栈从事Web方面的开发,熟悉 .Net、Asp.Net MVC、MSSQL Server、Windows Server等。在此期间,写作了《.Net之美》一书,并合作翻译了《C#3.0揭秘》。 现在更多地采用一些开源技术,操作系统转向了Linux,主要使用的编程语言也转向了Go等。近期在从事手游发行方面的业务。 业余喜欢 读书、旅行、户外、摄影 等。爱好比较多,我也清楚专精一两项,比起杂而不精要好很多,只是我都不舍得放下,于是就这么一直任性下去了 :-) 点击访问张子阳的博客 //www.tracefact.n
-
一个分类按钮效果,可以学习参考
正在编辑:一个分类按钮效果,可以学习参考 <meta charset="utf-8"><style type="text/css">.filter{ margin-bottom: 15px;}.filter dl{ margin-bottom: 10px; position: relative;}.filter dl dt{ border-radius: 2px 0 0 2px; background-color: #1e6288; padding: 6px 10px 5px; text-decoration: none; color: #f4f6f8; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); float: left;}.filter dl dd.words{ margin-left: