![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
html5 css3 js
大司空°
这个作者很懒,什么都没留下…
展开
-
解决如何获取angular.js自动生成的dom元素并进行操作
起因: 今天做项目,需要给ng-repeat内生成的记录加一个状态操作。就想到了用单选框。当状态为false时选中,true时未选中。需要完成这一操作就代表我在初始化页面的时候,就需要获取到每个元素的状态值,并且通过状态值更改radio的选中状态。代码://初始化请求 $scope.$watch('$viewContentLoaded', function() { http.post({ url: ROOT + url, succes原创 2021-12-14 13:45:44 · 1359 阅读 · 0 评论 -
js实现前端页面跳转后操作新页面
后来看到了篇文章(找不到了,就不放链接了),让我改变了想法。我没必要非得在本页面的js写方法来操作其他页面啊,页面之间的js代码不共用,但是session是共用的,我可以先在新页面写好需要触发的方法函数,再在session里面储存个值,传到新页面后用以判断需要什么函数,这样一样能实现触发新页面的功能。原创 2021-11-30 08:55:09 · 2535 阅读 · 1 评论 -
java script监听网页(鼠标监听事件和键盘监听事件)
先上案例<script> window.onload = function(){ //监听鼠标 document.onmousedown = function(e){ var e = e || event; console.log(e); } //监听键盘 document.onkeypress = function(e){ var e = e || event;原创 2020-07-26 21:09:26 · 897 阅读 · 0 评论 -
JQuery中的apend()与apendTo()用法
先上案例<style type="text/css"> div{ width: 50px; background-color: pink; }</style><body><div class="test">hello</div></body>我首先创建这样一个div对象。再使用了append() 或者 appendTo() 方法后<script> window.onlo原创 2020-07-26 20:49:09 · 854 阅读 · 0 评论 -
关于html中a标签的href与target之间的用法和联系
html中的a标签最重要的作用应该就是可以提供链接了吧。 而提供链接的关键字即为:href 即输入你需要引用的外部地址原创 2020-06-23 08:29:21 · 4109 阅读 · 0 评论 -
关于网页中的位置定位与传送
hello,你回来了嘛。这里应用的就是a标签中的命名定位,称为**锚记**。再使用href跳转至锚记处。很简单,只需要两步1)建立一个a标签后命名,作为定位点原创 2020-06-23 16:16:56 · 326 阅读 · 0 评论 -
关于html中的图片插入
如果你只想插入一张图片的话,以上语句就已经可以实现了.**src**:图片路径可以选择你所选图片的**绝对路径**或者**相对路径**(相对路径需要将图片与html文档放在同一文件下)**alt**:图片加载失败时显示的文字消息,一般是因为路径出错或者图片名出错原创 2020-06-23 17:03:38 · 8387 阅读 · 2 评论 -
CSS精灵图技术
日常开局,先上案例以及实现百度相机功能鼠标移动上去后这两种实现是其实是同一种技术,原理为图片偏移下面以相机为例:让我们先准备这样一张图片,它包含了你所有需要的素材可以通过ps或者截图软件测得下面蓝色的相机比上面白色的相机y轴低19px(实际偏移20px效果比较好)我们需要做的就是当鼠标移动到该图片上时,将图片向下偏移19px,以显示蓝色图片.首先创建一个div标签<div class="div"></div>之后便可以在style中对div的样式进行设定原创 2020-06-28 22:50:19 · 260 阅读 · 0 评论 -
CSS 图片过渡和转换动画
话不多说先上案例:原理:在一个盒子中塞入两个与盒子一样大小的图片,并将超出部分隐藏<!-布局--><div class="test"> <div></div> <div></div> </div><!--设置盒子样式-->.test{ width: 200px; height: 200px; margin-top: 200px; margin-lef原创 2020-07-07 12:14:18 · 2968 阅读 · 0 评论 -
css动画 心潮澎湃
话不多说,先上案例如何再网页中实现这样一个动画呢?声明一下这可不是在网页中插入一个gif图,你所需要准备的只需要一张图片。原理:如果你学过pr或者AE就会很容易了解到要将一张图片做成动画效果只需要用到两个东西:缩放和关键帧,即让一张图片在一段时间内不停地进行大小变化,从而达到“跳动”效果。这里我们首先进行布局,将图片导入盒子<body> <div></div> </body><style type="text/css">原创 2020-07-08 22:55:56 · 182 阅读 · 2 评论