javascript
关注
分享
扫一扫
jklgfgdsr
仅做为网络记事本
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使用jquery操作元素的css样式（获取、修改等等）
//1、获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#two").attr("class","divClass")设置Id为two的class属性。 //2、追加样式 $("#two").addClass("divClass2")为ID为two的对象追加样式divClass2 //3、移除样式 $("#two").removeClass("divClass")移除 ID为two的对象的class名为divClass的样式。 $(#two原创 2020-07-18 15:06:44 · 706 阅读 · 0 评论 -
用JS调用当前系统时间
<script language="JavaScript"> today=new Date(); var hours = today.getHours(); var minutes = today.getMinutes(); var seconds = today.getSeconds(); var timeValue = ((hours >12) ? ho...原创 2019-03-07 15:59:15 · 2015 阅读 · 0 评论 -
一个JS导航鼠标悬停切换效果
完整代码： <!doctype html> <html> <head> <style> *{padding:0; margin:0;border:0} li{list-style:none} .Classify{width:1200px;margin:0 auto} .ClassifyH{width:100%;height:50px;positi...原创 2019-03-03 14:05:33 · 1695 阅读 · 0 评论 -
总结一些自己在HTML网页中常用的JS代码段
【导航效果】网页下滚100像素后在id=&amp;amp;quot;fixed&amp;amp;quot;中添加一个class=&amp;amp;quot;shrink&amp;amp;quot;，移回时移除。class=&amp;amp;quot;shrink&amp;amp;quot; $(window).scroll(function() { if ($(document).scrollTop()原创 2019-02-21 09:39:35 · 1520 阅读 · 0 评论 -
一个CSS+JS做的数据统计样式
完整代码 &amp;lt;!DOCTYPE HTML&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;style&amp;gt; .test{wi原创 2019-03-01 15:48:23 · 1971 阅读 · 0 评论 -
一个JS公告滚动效果
其中里面的"fa fa-bullhorn"类用到了Font Awesome字库，如需使用需要先加载<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <!doctype html> <html> ..原创 2019-02-24 12:30:34 · 1034 阅读 · 0 评论 -
简单易用的代码高亮插件highlight.js
之前用过一些，效果都不是很理想，有的颜色标记混乱，有的操作繁琐。今天发现了一个简单易用的插件，可以自动识别代码种类。 插件效果： 官方网址：https://highlightjs.org/ 使用方法官网上面有说明，引用文件： &amp;amp;amp;lt;link rel=&amp;amp;quot;stylesheet&amp;amp;quot; href=&amp;amp;quot;/path/to/styles/原创 2018-11-05 17:21:25 · 1109 阅读 · 0 评论 -
一个文字消息滚动效果
<!doctype html> <html> <head> <meta charset="utf-8"> <title>js实现消息滚动效果</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"&am原创 2018-09-05 15:31:08 · 1451 阅读 · 0 评论 -
iframe宽度自适应 并按比例调整高度
套入一个4:3的视频 <iframe id='test' width='100%' src='文档地址' frameborder=0 'allowfullscreen'></iframe> <script type="text/javascript"> document.getElementById("test").style.height=document....原创 2018-03-12 10:14:47 · 12513 阅读 · 0 评论 -
html中有关于submit的笔记
用input提交，代码如下： <form id="TestForm" name="SelectNav" method="post" action="goto.php"> <input class="shuju" id="TestInput" name="TestInput" type="text" pl原创 2018-02-13 11:46:24 · 2730 阅读 · 0 评论