javascript - How to use vue2.0 transition to achieve the effect of moving the mouse up, sliding the QR code out from the outside of the screen, and leaving the QR code and sliding out of the screen.

How to use vue2.0 transition to achieve the effect of moving the mouse up, sliding out the QR code from the outside of the screen, and leaving the QR code to slide out of the screen. The following is the code I wrote, but what I wrote is: move the mouse up, The box is sliding over, but the mouse has...

PHP中文网 2017-05-19 10:30:36 0  2  875

javascript - How to achieve photo album effect? What plugin to use?

Click to preview the picture, slide left and right, and have numbers. I put the link on my computer, but mouse clicks have no effect. Is there any mature plug-in I can use? The mask you write can be previewed, but switching left and right is not easy to write.

PHP中文网 2017-06-30 09:56:05 0  4  808

javascript - How to make the picture full screen when clicking on the picture with phoneswipe?

I want to make a mobile phone click on the picture to preview the picture, and can slide left and right, but the picture cannot be full screen. Please give me some advice. Please tell me how to configure the parameters to make the width=100% in the picture below. Thank you. . Or are there any other ...

ringa_lee 2017-07-05 10:41:07 0  4  906

javascript - Doubts about js controlling element style

{Code...} As shown in the above code, every one second, the slider_box slides 20% to the left (1 screen), but the problem comes, when it slides to 100%, it can no longer slide to the left (if you slide further, there will be no picture) ), but the effect I saw on some other plug-ins is that every se...

伊谢尔伦 2017-07-05 10:39:55 0  4  845

Show content on hover (does not affect card height)

I have a block that contains content that displays on hover. The way the effect should work is: .hoverCard defaults to showing the underlying content (content in .hoverCard__showOnHover is hidden) The user hovers over .hoverCard, at which point .hoverCard__showOnHover shows its content, and .hoverCa...

P粉289775043 2024-03-27 20:29:28 0  1  473

javascript - svg novice, want to insert pictures into svg

The code is as above. I want to insert pictures into svg and animate the pictures, but it has no effect. Please explain...

代言 2017-06-24 09:44:02 0  1  924

Issues uploading and displaying images copied directly into the Summernote editor

I'm having trouble uploading images copied directly into the Summernote editor without using the image button. Here's a brief overview of the problem and the steps I've taken so far: I've integrated Summernote into my web application and enabled the paste functionality to allow users to copy and pas...

P粉505917590 2024-03-21 23:48:43 0  1  573

The start and end points of the image

I'm trying to set the start and end points of an image. So I have my canvas and an image and when I put the image into the canvas I want it to light up a little red circle when I hover over the start/end points which means I can create with other images connect. For example: 1) Drag the image. 2) Pl...

P粉511757848 2023-08-31 12:24:51 0  1  599

How can I make text turn into a new element (like a divider) when clicked?

I'm trying to find a way to make certain text on the page turn into separators/new elements when clicked. I don't know how to explain it, but like, imagine an image with a title below it - click the title, and then the image above becomes like a text box/different images/scrollable separator. I'm tr...

P粉872101673 2024-04-04 11:21:03 0  1  3855

How to use original JAVASCRIPT to only display part of the five LIs and display the rest when clicked?

The code is as follows: {Code...} The above is the HTML structure. How to use JAVASCRIPT (not JQUERY) to only display 5 links and hide the rest. You need to click on the picture or text to display it, and then click to hide it. How can I achieve this function? Currently displayed: I am link 1 I am l...

世界只因有你 2017-05-19 10:18:35 0  5  519

vue.js - What should I do if weex does not have a background image attribute?

The height of the background can be determined, but the width of the background is determined based on the width of the displayed data; how can weex achieve this effect without background-image?

滿天的星座 2017-06-22 11:53:32 0  2  1567

Module not found: error: cannot resolve 'DavidDaDon.png'

I'm not quite sure what I'm doing wrong here. I have these PNG images in the src folder and I'm using require and relative paths to reference the images. I feel like I'm going crazy. For reference, I'm making a countdown to a birthday celebration with close friends and family, and the images will en...

P粉001206492 2023-07-27 21:01:30 0  1  628

Can queryList download images?

The above is my code. I use queryList’s third-party plug-in DImage to download images, but the download is not successful. The downloaded image also shows an error in loading the image. Please teach me.

无名小贼 2019-12-03 11:05:31 0  0  831

Keep the overlay image within the image boundaries - restrict it to only stick to the image

I'm trying to put an overlay on an image, but this overlay extends to the top menu bar and I don't know how to just paste it on the image. I've tried different ways of resizing the image and changing the position, but it still stretches onto the menu bar. It's a small fix for full screen when I adju...

P粉838563523 2023-09-20 22:57:13 0  1  662

How to insert collapsible elements into Flexbox layout

I have a flexbox layout with an image wrapped around it and I want to display some information when the image is clicked. The information should appear between the row containing the image and the row directly below it, without moving the "column". This is the type of effect I want: http:/...

P粉366946380 2024-03-19 23:20:59 0  2  414

Download image button from third party server

In any browser, if you see an image, you can right-click it and click "Save As" to download it. I'm trying to make a button that downloads an image. The download button should download the above image, barcode. I'm using react, not sure if this is relevant to the answer. I read that you ca...

P粉198670603 2024-02-21 14:47:20 0  1  406

Tailwind CSS not applied in VS code project?

I'm developing a project using Laravel10.18.10 and downloaded the tailwind extension in VScode. When I try to apply the tailwind code, it doesn't seem to be applied to the project. When I hover over the code, the popup window appears as shown. But it does not take effect in the displayed page. The p...

P粉521697419 2023-08-16 18:34:03 0  2  516

Prevent scrollIntoView() from scrolling the container to the top of the page

I'm trying to build a simple "mainly css" image carousel that uses scroll snapping but also has navigation buttons to control the currently viewed slide. The only solution I've found is to use scrollIntoView() on the target element, which does what I want, but it also always scrolls the ta...

P粉690200856 2024-03-26 20:25:28 0  1  506

Looking for a javascript map marker plug-in

1. Is there such a JavaScript plug-in that can achieve the following effect? ​​The three objects on the left can be dragged to the map on the right. After dragging to the map and releasing the mouse, a mark will be left on the map (used to Mark the map location), and an editable dialog box will pop ...

怪我咯 2017-05-18 10:49:58 0  1  647

css3 - How to achieve the effect of each part of the page appearing as the scroll bar slides down?

I looked at a website. As the scroll bar slides down, every part of the page has the same effect as when it was first loaded. After refreshing again, these effects will reappear. How is this done? Is it written in the load of jquery? It is similar to the homepage of this website http://www.itxdl.cn/...

漂亮男人 2017-06-05 11:10:23 0  2  1860